*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #1a110a;--card: #261a10;--pad: #33261a;--paper: #f7edda;--ink: #241505;--muted: #ab947b;--amber: #e3a24b;--rust: #b05c2a;--r-card: 18px;--r-inner: 10px;--r-cell: 5px}::selection{background:var(--amber);color:var(--ink)}html,body{width:100%;min-height:100%;font-family:Rubik,system-ui,sans-serif;background-color:var(--bg);background-image:radial-gradient(760px 440px at 50% 44px,#c96c2c38,#1a110a00 72%);background-repeat:no-repeat}.container{width:100%;padding-bottom:2.5rem}img{width:100%;height:100%;object-fit:cover}nav{width:460px;max-width:calc(100% - 2.5rem);margin:0 auto;padding:2.25em 0 1em;display:flex;justify-content:space-between;align-items:center}.logo a{font-family:Big Shoulders Display,sans-serif;font-weight:700;font-size:1.3rem;text-transform:uppercase;letter-spacing:.09em;color:var(--paper)}.nav-items{display:flex;gap:1.75em}nav a{text-decoration:none;color:var(--muted);font-size:.85rem;transition:color .2s ease}nav a:hover{color:var(--paper)}nav a:focus-visible,button:focus-visible,.copy.link a:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.intro{width:460px;max-width:calc(100% - 2.5rem);margin:1.5rem auto 2.75rem}.intro .eyebrow{font-family:Newsreader,Georgia,serif;font-style:italic;font-size:1rem;font-weight:500;color:var(--amber)}.intro h1{font-family:Newsreader,Georgia,serif;font-style:italic;font-weight:500;font-size:3.4rem;line-height:1.02;letter-spacing:-.015em;color:var(--paper);margin:.18em 0 .3em}.intro .lede{font-family:Newsreader,Georgia,serif;font-size:1.02rem;font-weight:400;line-height:1.6;color:var(--muted);max-width:42ch}.intro .legend{display:flex;align-items:center;gap:.5em;margin-top:1.5em;font-size:.8rem;font-weight:500;color:var(--muted)}.legend .swatch{width:.85em;height:.85em;border-radius:.25em;flex:none}.legend .swatch.lit{background:var(--amber)}.legend .swatch.dim{background:var(--pad);margin-left:1.25em;box-shadow:inset 0 0 0 1px #f7edda24}.site-footer{width:460px;max-width:calc(100% - 2.5rem);margin:0 auto;padding:0 0 4rem;border-top:1px solid rgba(247,237,218,.12)}.site-footer p{padding-top:1.5rem;font-family:Newsreader,Georgia,serif;font-size:.98rem;line-height:1.6;color:var(--paper)}.site-footer .fine{padding-top:.35rem;font-family:Newsreader,Georgia,serif;font-style:italic;font-size:.9rem;color:var(--muted)}.card{position:relative;width:460px;max-width:calc(100% - 2.5rem);height:400px;margin:0 auto 1.75rem;padding:2em;border-radius:var(--r-card);display:flex;flex-direction:column;gap:.5em;background-color:var(--card);overflow:hidden;transition:height .25s ease}.card:has(.card-content[style*="pointer-events: all"]){height:500px}.card-title{color:var(--paper);padding-bottom:.75em}.card-title p{font-family:Newsreader,Georgia,serif;font-style:italic;font-weight:500;font-size:1.5rem;letter-spacing:-.01em}.card-title span{font-family:Rubik,system-ui,sans-serif;font-style:normal;font-weight:400;font-size:.75rem;letter-spacing:.01em;color:var(--muted);margin-left:.6em}.row{width:100%;display:flex;gap:.5em}.pad{position:relative;width:calc((100% - 3em) / 7);aspect-ratio:1 / 1;border-radius:var(--r-cell);background-color:var(--pad);z-index:0;pointer-events:none}.pad:not(.active){box-shadow:inset 0 0 0 1px #f7edda0d}.pad.active{pointer-events:all;cursor:pointer;filter:saturate(1.12) brightness(1.1);transition:filter .2s ease}.pad.active:hover{filter:saturate(1.12) brightness(1.28)}.card .row:nth-child(3) .pad:nth-child(1),.card .row:nth-child(3) .pad:nth-child(2),.card .row:nth-child(3) .pad:nth-child(3){opacity:.35}.card-content{position:absolute;top:0;left:0;width:100%;height:100%;padding:2em;color:var(--ink);display:flex;flex-direction:column;justify-content:safe center;gap:.85em;overflow-y:auto;pointer-events:none;z-index:2;opacity:0}button{position:absolute;top:1.4em;right:1.4em;z-index:3;border:none;outline:none;border-radius:var(--r-inner);font-family:Rubik,system-ui,sans-serif;font-size:.8rem;font-weight:600;padding:.6em 1.2em;background-color:var(--ink);color:var(--paper);cursor:pointer}.img{width:100%;height:150px;margin:0;border-radius:var(--r-inner);overflow:hidden;box-shadow:0 12px 28px #140c054d}.copy{margin:0;padding:1.4em 1.5em;border-radius:var(--r-inner);background:var(--paper);color:var(--ink);box-shadow:0 12px 28px #140c0533}.copy .kicker{display:block;font-family:Newsreader,Georgia,serif;font-style:italic;font-size:.92rem;font-weight:500;letter-spacing:.01em;color:var(--rust);margin-bottom:.4em}.copy h1{font-family:Newsreader,Georgia,serif;font-size:1.45rem;font-weight:600;letter-spacing:-.015em;line-height:1.1;margin-bottom:.3em}.copy p{font-family:Newsreader,Georgia,serif;font-size:.95rem;line-height:1.55;color:#6f5b45}.copy.link{display:flex;justify-content:space-between;align-items:center;margin:0}.copy.link a{font-size:.85rem;font-weight:600;color:var(--ink);text-decoration:underline;text-decoration-color:var(--amber);text-decoration-thickness:2px;text-underline-offset:3px;transition:text-decoration-color .2s ease,color .2s ease}.copy.link a:hover{color:var(--rust);text-decoration-color:var(--rust)}.copy.link ion-icon{color:var(--rust)}.card-item{position:relative}@media(min-width:1100px){html,body{background-image:radial-gradient(820px 480px at 34% 120px,#c96c2c33,#1a110a00 72%)}.container{display:grid;grid-template-columns:26rem 460px;column-gap:5.5rem;justify-content:center;align-items:start}nav{grid-column:1 / -1;width:100%;max-width:none;margin:0;padding:2.5em 0 2.25em}.intro{grid-column:1;position:sticky;top:3.5rem;width:auto;max-width:none;margin:1.25rem 0 0}.intro h1{font-size:3.7rem}.card{grid-column:2;width:100%;max-width:none;margin:0 0 1.75rem}.site-footer{display:grid;grid-template-columns:26rem 460px;column-gap:5.5rem;justify-content:center;width:100%;max-width:none;border-top:none}.site-footer p{grid-column:2;border-top:1px solid rgba(247,237,218,.12)}.site-footer .fine{border-top:none;padding-top:.35rem}}@media(max-width:900px){nav{padding-top:1.75em}}@media(max-width:768px){nav{max-width:calc(100% - 2rem);padding:1.5em 0 .75em}.intro{max-width:calc(100% - 2rem);margin:1rem auto 2rem}.intro h1{font-size:2.6rem}.intro .lede{font-size:.98rem}.card{max-width:calc(100% - 2rem);height:auto;min-height:320px;padding:1.25rem;gap:.4em;margin-bottom:1.25rem}.row{gap:.35rem}.pad{width:calc((100% - 2.1rem) / 7)}.card-title p{font-size:1.35rem}.card-content{padding:1.25rem;gap:.7em}.card:has(.card-content[style*="pointer-events: all"]){height:540px}.img{height:150px}.copy{padding:1.1em 1.2em}.copy h1{font-size:1.3rem}.copy p{font-size:.92rem}.intro .legend{font-size:.76rem;margin-top:1.2em}.site-footer{max-width:calc(100% - 2rem);padding-bottom:3rem}.site-footer p{font-size:.92rem;padding-top:1.25rem}.site-footer .fine{font-size:.85rem;padding-top:.3rem}}