.materials-page{--materials-ink:#25173f;--materials-paper:#faf7ff;background:var(--materials-paper)}.materials-hero{align-items:end;gap:3rem;padding-block:clamp(2rem,5vw,4rem) clamp(4.5rem,9vw,8rem);display:grid;position:relative}.materials-hero:before{z-index:-1;content:"";border:1.7rem solid #eee5ff;border-radius:50%;width:12rem;height:12rem;position:absolute;top:14%;right:8%}.materials-hero__copy h1{max-width:9ch;color:var(--materials-ink);letter-spacing:-.08em;margin:0;font-size:clamp(3.5rem,8vw,7rem);line-height:.9}.materials-hero__copy h1 span{color:var(--ref-purple)}.materials-hero__subtitle{color:#a13e30;letter-spacing:-.045em;max-width:22ch;margin:1.25rem 0 0;font-size:clamp(1.45rem,3vw,2.25rem);font-weight:850;line-height:1.05}.materials-hero__lead{max-width:43rem;color:var(--ref-muted);margin:1.15rem 0 0;font-size:clamp(1rem,2vw,1.15rem)}.materials-hero__tags{flex-wrap:wrap;gap:.65rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.materials-hero__tags li{color:var(--materials-ink);border:1px solid #24143f14;border-radius:999px;padding:.55rem .85rem;font-size:.72rem;font-weight:900;box-shadow:0 .4rem 1rem #24143f12}.materials-hero__tags li:first-child{background:#ddd0ff;transform:rotate(-1deg)}.materials-hero__tags li:nth-child(2){background:#ffc7bd;transform:rotate(1deg)}.materials-hero__tags li:nth-child(3){background:#cbeee4;transform:rotate(-.5deg)}.materials-library{padding-block:1rem clamp(6rem,10vw,10rem)}.materials-library__heading{border-bottom:1px solid var(--ref-line);justify-content:space-between;align-items:end;gap:2rem;padding-bottom:2rem;display:flex}.materials-library__heading h2{color:var(--materials-ink);letter-spacing:-.06em;margin:0;font-size:clamp(2.25rem,5vw,4rem);line-height:.98}.materials-library__heading>p{color:var(--ref-muted);text-align:right;margin:0;font-size:.72rem}.materials-library__heading>p strong{color:var(--ref-purple);font-size:1.8rem;line-height:1;display:block}.materials-list{display:grid}.materials-status{color:var(--ref-muted);margin:1.5rem 0 0;font-weight:750}.materials-premium{overflow-wrap:anywhere;margin-bottom:clamp(4rem,8vw,7rem);padding:clamp(1.25rem,4vw,2.5rem)}.materials-premium form,.materials-premium fieldset{gap:.75rem;min-width:0;display:grid}.materials-premium button,.materials-premium a{max-width:100%;min-height:2.75rem;font:inherit;align-items:center;padding:.7rem 1rem;font-weight:850;display:inline-flex}.materials-purchase-status{border:1px solid var(--ref-line);color:var(--materials-ink);background:#fff;border-radius:.75rem;flex-wrap:wrap;align-items:center;gap:.75rem;margin:1rem 0 0;padding:1rem;display:flex}.materials-purchase-status[hidden]{display:none}.materials-purchase-status p{flex:18rem;margin:0;font-weight:750}.materials-purchase-status button{background:var(--materials-ink);color:#fff;cursor:pointer;min-height:2.75rem;font:inherit;border:0;border-radius:999px;padding:.65rem 1rem;font-weight:850}.material-row{border-bottom:1px solid var(--ref-line);grid-template-columns:7rem minmax(0,1fr) auto;align-items:center;gap:clamp(1.5rem,4vw,3.5rem);min-height:14rem;padding:2rem 1.5rem;display:grid;position:relative}.material-row:before{background:var(--row-accent);content:"";border-radius:999px;width:.35rem;position:absolute;top:1.5rem;bottom:1.5rem;left:0}.material-row--lilac{--row-accent:var(--ref-purple);--row-soft:#e8ddff}.material-row--coral{--row-accent:#b54434;--row-soft:#ffc7bd}.material-row--mint{--row-accent:#147369;--row-soft:#cbeee4}.material-row__identity{place-items:center;width:6.4rem;height:7.6rem;display:grid;position:relative}.material-row__identity>span{z-index:2;background:var(--row-accent);color:#fff;border-radius:50%;place-items:center;width:2.35rem;height:2.35rem;font-size:.68rem;font-weight:900;display:grid;position:absolute;top:-.25rem;left:0}.material-row__identity i{border:2px solid var(--materials-ink);background:var(--row-soft);width:4.8rem;height:6.2rem;box-shadow:.45rem .45rem 0 var(--materials-ink);border-radius:.35rem 1.2rem .35rem .35rem;align-content:center;gap:.55rem;padding:1rem;display:grid;position:relative}.material-row__identity i:after{border-bottom:2px solid var(--materials-ink);border-left:2px solid var(--materials-ink);background:var(--materials-paper);content:"";border-radius:0 1rem 0 0;width:1.4rem;height:1.4rem;position:absolute;top:-2px;right:-2px}.material-row__identity b{background:var(--materials-ink);border-radius:999px;height:.2rem;display:block}.material-row__identity b:last-child{width:65%}.material-row__copy>p:first-child{color:var(--row-accent);letter-spacing:.07em;text-transform:uppercase;margin:0 0 .55rem;font-size:.68rem;font-weight:900}.material-row__copy h3{color:var(--materials-ink);letter-spacing:-.045em;margin:0;font-size:clamp(1.35rem,3vw,2rem);line-height:1.05}.material-row__copy>p:nth-of-type(2){max-width:48rem;color:var(--ref-muted);margin:.8rem 0;font-size:.86rem}.material-row__copy small{color:var(--materials-ink);font-size:.68rem;font-weight:800}.material-row__details{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.material-row__details span{background:var(--row-soft);color:var(--materials-ink);border-radius:999px;padding:.25rem .55rem;font-size:.64rem;font-weight:900}.material-row__action{justify-items:end;gap:.45rem;display:grid}.material-row__action>small{color:var(--ref-muted);font-size:.64rem;font-weight:800}.material-row__action button,.material-row__action a{background:var(--materials-ink);color:#fff;cursor:pointer;min-width:9.5rem;min-height:3.4rem;font:inherit;opacity:1;border:0;border-radius:999px;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem .7rem .65rem 1.15rem;font-size:.78rem;font-weight:900;display:inline-flex}.material-row__action button:disabled{cursor:not-allowed}.material-row__action button span{background:var(--row-soft);width:2rem;height:2rem;color:var(--materials-ink);border-radius:50%;place-items:center;display:grid}.materials-footer{background:#eee5ff;padding-block:2rem}.materials-footer>div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.materials-footer p,.materials-footer>div>a:last-child{color:var(--ref-muted);font-size:.72rem}.materials-footer>div>a:last-child{min-height:2.75rem;padding-block:.8rem;font-weight:850}@media (width<=48rem){.materials-header .ref-nav{display:none}.material-row{grid-template-columns:5.5rem minmax(0,1fr);gap:1.5rem;padding-inline:1rem}.material-row__identity{transform-origin:0;width:5rem;transform:scale(.85)}.material-row__action{grid-column:2;justify-items:start}}@media (width<=32rem){.materials-library__heading{flex-direction:column;align-items:flex-start}.materials-library__heading>p{text-align:left}.material-row{grid-template-columns:1fr;padding-block:2.5rem}.material-row__identity{height:6.4rem}.material-row__action{grid-column:1}.material-row__action button{width:100%}.materials-footer>div{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.materials-page *,.materials-page :before,.materials-page :after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}