@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=DM+Serif+Display:ital@0;1&display=swap";:root{--ink:#17251c;--paper:#f7f5ef;--red:#f04427;--green:#1ca36b;--yellow:#ffd631}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,sans-serif}a{color:inherit}button{font:inherit}.skip-link{z-index:20;background:var(--ink);color:#fff;padding:.7rem 1rem;position:fixed;top:-4rem;left:1rem}.skip-link:focus{top:1rem}.sidebar{z-index:5;background:var(--paper);border-right:1px solid #17251c33;flex-direction:column;width:240px;padding:28px 28px 34px;display:flex;position:fixed;inset:0 auto 0 0}.brand{background:var(--red);color:#fff;border-radius:50%;flex-direction:column;justify-content:center;width:144px;height:144px;padding:30px 25px;font:2.5rem/.76 DM Serif Display,serif;text-decoration:none;display:flex;transform:rotate(-4deg)}.brand span:last-of-type{margin-left:24px;font-style:italic}.brand i{background:var(--yellow);width:34px;height:3px;margin:15px 0 0 30px;transform:rotate(-8deg)}nav{flex-direction:column;align-items:flex-start;gap:7px;margin-top:48px;display:flex}.nav-link{color:var(--ink);cursor:pointer;background:0 0;border:0;padding:1px 0;font:1.7rem DM Serif Display,serif}.nav-link:after{content:"";background:var(--red);width:0;height:3px;transition:width .2s;display:block}.nav-link:hover:after,.nav-link.is-active:after{width:100%}.nav-link sup{color:var(--red);vertical-align:top;font:500 .65rem DM Sans,sans-serif}.sidebar-bottom{margin-top:auto;font-size:.8rem;line-height:1.5}.sidebar-bottom a{text-underline-offset:3px;font-weight:600;text-decoration-thickness:2px}main{margin-left:240px}.intro{border-bottom:1px solid #17251c33;flex-direction:column;justify-content:center;min-height:440px;padding:75px clamp(42px,7vw,110px) 55px;display:flex;position:relative;overflow:hidden}.eyebrow{color:var(--green);letter-spacing:.15em;text-transform:uppercase;margin:0 0 24px;font-size:.74rem;font-weight:600}h1{letter-spacing:-.035em;max-width:900px;margin:0;font:400 clamp(3.2rem,7vw,7rem)/.94 DM Serif Display,serif}h1 em{color:var(--red);font-weight:400}.scribble{color:var(--yellow);font-size:7rem;line-height:1;position:absolute;bottom:42px;right:7%;transform:rotate(18deg)}.grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.card{border-bottom:1px solid #17251c33;border-right:1px solid #17251c33}.card:nth-child(2n){border-right:0}.card[hidden]{display:none}.card>a{height:100%;text-decoration:none;display:block}.art{aspect-ratio:4/3;background:#ddd;position:relative;overflow:hidden}.shape{transition:transform .45s cubic-bezier(.2,.8,.2,1);position:absolute}.card:hover .shape-a{transform:rotate(8deg)scale(1.05)}.card:hover .shape-b{transform:translate(8px,-8px)rotate(-6deg)}.card-number{z-index:2;font-size:.7rem;font-weight:600;position:absolute;top:18px;left:20px}.art-word{z-index:2;font:italic 3.4rem/1 DM Serif Display,serif;position:absolute;bottom:5%;right:6%}.card-copy{min-height:190px;padding:24px 70px 32px 26px;position:relative}.card-copy .meta{color:#687269;letter-spacing:.04em;text-transform:uppercase;margin:0 0 11px;font-size:.72rem}.meta span{background:var(--yellow);color:var(--ink);border-radius:999px;margin-right:12px;padding:4px 8px;font-weight:600}.card-copy h2{margin:0 0 8px;font:400 2rem/1.1 DM Serif Display,serif}.card-copy>p:last-of-type{color:#536057;max-width:460px;margin:0;font-size:.9rem;line-height:1.5}.arrow{font-size:1.5rem;transition:transform .2s;position:absolute;top:30px;right:26px}.card:hover .arrow{transform:translate(4px,-4px)}.card--sun .art{background:#8ab9ea}.card--sun .shape-a{aspect-ratio:1;background:var(--yellow);border-radius:50%;width:44%;top:18%;left:28%}.card--sun .shape-b{background:var(--red);border-radius:50% 50% 0 0;width:38%;height:25%;bottom:0;left:31%}.card--tiles .art{background:#ef684e}.card--tiles .shape-a{background:repeating-linear-gradient(90deg,transparent 0 15%,var(--paper) 15% 17%),repeating-linear-gradient(0deg,transparent 0 22%,var(--paper) 22% 24%);border:4px solid var(--paper);inset:12% 12% 14%;transform:rotate(-3deg)}.card--tiles .shape-b{aspect-ratio:1;background:var(--yellow);border-radius:50%;width:18%;top:23%;right:18%}.card--bottle .art{background:#f1b8ce}.card--bottle .shape-a{background:#155c42;border-radius:45% 45% 18% 18%;width:25%;height:65%;top:20%;left:38%;transform:rotate(5deg)}.card--bottle .shape-b{background:var(--yellow);border-radius:50%;width:19%;height:28%;top:38%;left:41%}.card--play .art{background:var(--yellow)}.card--play .shape-a{aspect-ratio:1;background:#4a82d0;border-radius:52% 48% 60% 40%;width:48%;top:16%;left:12%;transform:rotate(12deg)}.card--play .shape-b{aspect-ratio:1;background:var(--red);border-radius:50%;width:28%;bottom:13%;right:12%}.card--play .shape-c{aspect-ratio:1;background:var(--paper);border-radius:50%;width:13%;top:12%;left:48%}.card--table .art{background:#183f31}.card--table .shape-a{aspect-ratio:1;border:34px solid #e6a230;border-radius:50%;width:60%;top:8%;left:20%}.card--table .shape-b{aspect-ratio:1;background:#f6efe2;border-radius:50%;width:35%;top:25%;left:32%}.card--table .art-word{color:#fff}.card--bramble .art{background:#dce4cd}.card--bramble .shape-a{border:18px dotted #2a7d51;border-radius:50%;width:42%;height:110%;top:-5%;left:26%;transform:rotate(25deg)}.card--bramble .shape-b{aspect-ratio:1;background:#91364d;border-radius:50% 10%;width:26%;top:27%;left:37%}footer{color:#687269;justify-content:space-between;padding:28px 40px;font-size:.72rem;display:flex}@media (width<=780px){.sidebar{border-bottom:1px solid #17251c33;border-right:0;flex-direction:row;align-items:center;width:100%;height:auto;padding:13px 18px;position:sticky;top:0}.brand{width:auto;height:auto;color:var(--red);background:0 0;padding:0;font-size:1.55rem;display:block;transform:none}.brand span{display:inline}.brand span:last-of-type{margin-left:5px}.brand i{display:none}nav{flex-direction:row;gap:15px;margin:0 0 0 auto}.nav-link{font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:600}.nav-link:first-child,.sidebar-bottom{display:none}main{margin-left:0}.intro{min-height:390px;padding:65px 24px 45px}h1{font-size:clamp(3.1rem,15vw,5.4rem)}.scribble{font-size:4rem;bottom:22px;right:5%}.grid{grid-template-columns:1fr}.card{border-right:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}