.made{padding:clamp(84px, 13.5vh, 190px) var(--gutter);background-color:var(--band);color:var(--paper)}.made>div{width:100%;max-width:var(--sheet);--gap:var(--band-gap);--action-col:calc(var(--meta) * 9.5 + 56px);grid-template-columns:var(--label-col) minmax(0, 1fr) var(--action-col);column-gap:var(--gap);margin-inline:auto;display:grid;container-type:inline-size}.made-label-hold{grid-area:1/1/3}.made-label{--label-offset:clamp(20px, 4vh, 44px);top:calc(var(--bar-h) + var(--label-offset));margin:0;margin-top:calc(.16 * var(--made-title) - .125 * var(--meta));color:var(--accent);line-height:1;font-size:var(--meta);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;font-weight:600;position:sticky}.made>div{--made-title:min(var(--count-rule), calc((100cqw - var(--label-col) - var(--action-col) - 2 * var(--gap)) / 9.33))}.made h2{font-size:var(--made-title);letter-spacing:-.005em;text-transform:uppercase;grid-area:1/2;margin:0;line-height:1.06}.made h2>span:not(.draw){color:var(--accent)}.made-more{margin-bottom:calc(.08 * var(--made-title));color:inherit;font-size:var(--meta);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;grid-area:1/3;place-self:end;align-items:center;gap:14px;font-weight:600;text-decoration:none;display:inline-flex}.made-more span{background-color:var(--accent);width:42px;height:42px;color:var(--on-accent);place-items:center;display:grid}.made-more svg{width:18px;height:18px}@media (hover:hover){.made-more:hover span{background-color:color-mix(in srgb, var(--accent) 88%, var(--on-accent))}}.made-lead{font-size:var(--read);color:color-mix(in srgb, var(--paper) 72%, var(--band));grid-area:2/2;margin:clamp(18px,2.4vw,34px) 0 0;line-height:1.62}.made-grid{--tile-gap:clamp(12px, 1.6vw, 22px);--cell:calc((100cqw - 3 * var(--tile-gap)) / 4);grid-area:3/1/auto/-1;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:calc(var(--cell) * 1.2) calc(var(--cell) * .62);gap:var(--tile-gap);margin:clamp(40px,5.4vw,84px) 0 0;padding:0;list-style:none;display:grid}.made-tile:first-child{grid-area:1/1/3/3}.made-tile:nth-child(2){grid-area:1/3/auto/5}.made-tile:nth-child(3){grid-area:2/3}.made-tile:nth-child(4){grid-area:2/4}.made-tile{--drawn:1}.made-tile:before{content:"";z-index:3;pointer-events:none;border:1px solid var(--accent);clip-path:inset(0 0 calc((1 - var(--drawn,1)) * 100%) 0);position:absolute;inset:0}.made-tile{--tile-ink:var(--paper);--tile-ground:var(--ink);z-index:0;background-color:var(--tile-ground);color:var(--tile-ink);transition:background-color .28s,color .28s;position:relative;overflow:hidden;container-type:inline-size}@media (hover:hover){.made-tile:hover{--tile-ink:var(--ink);--tile-ground:var(--paper)}}.made-tile.is-on{--tile-ink:var(--ink);--tile-ground:var(--paper)}.made-paper{z-index:-1;pointer-events:none;inset:0;top:calc(mod(50%, var(--cell)) - var(--cell) - .5px);left:calc(mod(50%, var(--cell)) - var(--cell) - .5px);right:calc(-1 * var(--cell));bottom:calc(-1 * var(--cell));--cell:var(--cell-page,clamp(64px, 7.4vw, 108px));--paper:var(--tile-ink);--rule:color-mix(in srgb, var(--tile-ink) 16%, transparent);position:absolute}.made-paper .hero-paper:before,.made-paper .hero-paper:after,.made-paper .hero-lit:before,.made-paper .hero-lit:after{animation-delay:var(--skew), var(--skew)}.made-tile:first-child{--skew:0s}.made-tile:nth-child(2){--skew:-9.1s}.made-tile:nth-child(3){--skew:-14.3s}.made-tile:nth-child(4){--skew:-5.4s}.made-art{width:100%;height:100%;display:block}.made-art img{object-fit:cover;object-position:50% 100%;width:100%;height:100%;display:block}.made-tile:not(.is-told) .made-head{display:none}.made-head{z-index:2;text-align:center;pointer-events:none;align-content:center;justify-items:center;gap:clamp(7px,1.1cqw,13px);padding-inline:clamp(10px,2.4cqw,20px);display:grid;position:absolute;inset:0 0 50%}.made-head>*{pointer-events:auto}.made-title-page{display:none}.made-head h3{font-family:var(--font-display), var(--font-sans), system-ui, sans-serif;letter-spacing:-.005em;text-transform:uppercase;margin:0;font-size:clamp(20px,5.4cqw,40px);font-weight:700;line-height:1.04}.made-head p{max-width:48ch;color:color-mix(in srgb, var(--tile-ink) 72%, var(--tile-ground));margin:clamp(6px,2cqw,18px) 0 0;font-size:clamp(12px,2.4cqw,16px);line-height:1.5}.made-head .made-live{--live:#3ddc84;font-size:max(9px, calc(var(--meta) * .78));letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--tile-ink) 80%, var(--tile-ground));align-items:center;gap:9px;margin:0;font-weight:600;display:flex}.made-head .made-live i{background-color:var(--live);flex:none;width:7px;height:7px;animation:1.8s ease-in-out infinite made-blink}@keyframes made-blink{0%,to{opacity:1}50%{opacity:.18}}@media (prefers-reduced-motion:reduce){.made-head .made-live i{animation:none}}.made-open{color:inherit;font-size:var(--meta);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:clamp(9px,1.6cqw,14px);margin-top:clamp(4px,1cqw,10px);font-weight:600;text-decoration:none;display:inline-flex}.made-open span{aspect-ratio:1;background-color:var(--accent);width:clamp(26px,5.4cqw,38px);color:var(--on-accent);place-items:center;display:grid}.made-open svg{width:44%;height:44%}@media (hover:hover){.made-tile:hover .made-open>span,.made-open:hover>span{background-color:color-mix(in srgb, var(--accent) 88%, var(--on-accent))}}.made-open:focus-visible,.made-say:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.made-say{z-index:5;--say-pad:clamp(9px, 1vw, 14px);--say-h:calc(var(--meta) + 2 * var(--say-pad));background-color:var(--tile-ink);color:var(--tile-ground);justify-content:space-between;align-items:stretch;gap:clamp(10px,1.4vw,18px);text-decoration:none;transition:background-color .28s,color .28s;display:flex;position:absolute;bottom:0;right:0}.made-say>span:not(.made-go){padding:var(--say-pad) 0 var(--say-pad) clamp(11px, 1.2vw, 18px);font-size:var(--meta);letter-spacing:.08em;text-transform:uppercase;align-self:center;margin:0;font-weight:600;line-height:1}.made-go{width:var(--say-h);background-color:var(--accent);color:var(--on-accent);flex:none;align-self:stretch;place-items:center;display:grid}.made-go svg{width:44%;height:44%}.made-art img{transform:scale(1.02)}@media (hover:hover){.made-tile{cursor:pointer}.made-art img{transition:transform .5s}.made-tile:hover .made-art img{transform:scale(1.07)}}@media (max-width:900px){.made-tile:before{display:none}.made>div{--label-col:0px;--action-col:0px;--gap:0px;grid-template-columns:minmax(0,1fr);row-gap:clamp(18px,3.4vh,30px)}.made-label-hold,.made h2,.made-lead,.made-more,.made-grid{grid-area:auto/1}.made-label{margin-top:0;position:static}.made-lead{margin-top:0}.made-more{display:none}.made-grid{--tile-gap:clamp(24px, 6vw, 36px);grid-template-rows:none;grid-template-columns:minmax(0,1fr);margin-top:clamp(6px,1.6vw,12px)}.made-tile:first-child,.made-tile:nth-child(2),.made-tile:nth-child(3),.made-tile:nth-child(4){aspect-ratio:1;grid-area:auto/1}.made-art{width:auto;height:auto;position:absolute;inset:48% 0 0}.made-head{bottom:52%}.made-head p:not(.made-live){max-width:36ch}.made-title-name{display:none}.made-title-page{display:inline}.made-head .made-live{display:none}.made-tile:not(.is-told) .made-head{display:grid}.made-say{display:none}}