.directory-page{--directory-stroke: color-mix(in oklab, var(--color-base-content) 12%, transparent);--directory-shadow: 0 14px 36px color-mix(in oklab, var(--color-base-content) 5%, transparent);--directory-glass: color-mix(in oklab, var(--color-base-100) 88%, transparent);--directory-tint: color-mix(in oklab, var(--color-primary) 5%, var(--color-base-100))}.directory-page .collection-heading{font-size:clamp(1.8rem,2.9vw,2.4rem);line-height:1.35;text-wrap:balance}.directory-hero{position:relative;overflow:hidden;padding-block:2.5rem 4rem;background-image:radial-gradient(ellipse at 85% 20%,color-mix(in oklab,var(--color-primary) 8%,transparent),transparent 58%),radial-gradient(ellipse at 20% 90%,color-mix(in oklab,var(--color-accent) 4%,transparent),transparent 55%)}.directory-breadcrumb{color:color-mix(in oklab,var(--color-base-content) 65%,transparent);font-size:.8rem;margin-bottom:2.25rem}.directory-hero-layout{display:grid;gap:2.5rem;align-items:center}.directory-hero-layout>div:first-child{max-width:42rem}.directory-hero .collection-title{color:var(--color-primary);font-size:clamp(2.3rem,4vw,3.5rem);text-wrap:balance;line-height:1.17}.directory-hero .collection-copy{font-size:1rem}.directory-eyebrow{display:inline-flex;align-items:center;gap:.55rem;color:var(--color-primary);font-size:.75rem;font-weight:750;letter-spacing:.055em}.directory-hero-facts{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.75rem}.directory-hero-facts li{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .75rem;border:1px solid color-mix(in oklab,var(--color-primary) 13%,transparent);border-radius:.65rem;background:var(--directory-glass);box-shadow:0 3px 8px color-mix(in oklab,var(--color-primary) 3%,transparent);color:color-mix(in oklab,var(--color-base-content) 80%,transparent);font-size:.75rem;font-weight:650}.directory-hero-facts svg{color:var(--color-accent)}.directory-hero-art{position:relative;isolation:isolate;display:grid;place-items:center}.directory-hero-art>span{position:absolute;z-index:-1;width:80%;height:70%;border-radius:50%;background:color-mix(in oklab,var(--color-primary) 5%,transparent);filter:blur(35px)}.directory-hero-art img{width:100%;height:auto;object-fit:contain}.directory-catalogue{padding-block:3.5rem 4.5rem}.directory-section-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem}.directory-section-label{color:var(--color-primary);font-size:.75rem;font-weight:750;letter-spacing:.045em}.directory-count{display:inline-flex;align-items:center;gap:.6rem;padding:.65rem .9rem;border:1px solid var(--directory-stroke);border-radius:.75rem;background:var(--color-base-200);color:color-mix(in oklab,var(--color-base-content) 70%,transparent);font-size:.75rem;font-weight:650}.directory-count>span{color:var(--color-primary);font-size:1.1rem;font-weight:800}.directory-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:1rem;margin-top:1.5rem}.directory-card{--directory-card-tint: var(--directory-rose);--directory-card-ink: var(--directory-rose-ink);position:relative;display:flex;flex-direction:column;min-width:0;padding:1.1rem;overflow:hidden;border:1px solid color-mix(in oklab,var(--directory-card-ink) 18%,transparent);border-radius:1.1rem;background:radial-gradient(ellipse at 100% 0,var(--directory-card-tint),transparent 80%),linear-gradient(145deg,color-mix(in oklab,var(--directory-card-tint) 65%,var(--color-base-100)),var(--color-base-100));box-shadow:0 8px 22px color-mix(in oklab,var(--directory-card-ink) 8%,transparent);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.directory-card[data-card-color="1"]{--directory-card-tint: var(--directory-mint);--directory-card-ink: var(--directory-mint-ink)}.directory-card[data-card-color="2"]{--directory-card-tint: var(--directory-lavender);--directory-card-ink: var(--directory-lavender-ink)}.directory-card[data-card-color="3"]{--directory-card-tint: var(--directory-peach);--directory-card-ink: var(--directory-peach-ink)}.directory-card[data-card-color="4"]{--directory-card-tint: var(--directory-yellow);--directory-card-ink: var(--directory-yellow-ink)}.directory-card[data-card-color="5"]{--directory-card-tint: var(--directory-sky);--directory-card-ink: var(--directory-sky-ink)}.directory-card:before{content:"";position:absolute;top:0;left:1.1rem;width:2.75rem;height:3px;border-radius:0 0 .2rem .2rem;background:color-mix(in oklab,var(--directory-card-ink) 50%,var(--directory-card-tint));pointer-events:none}.directory-card:focus-within{outline:2px solid var(--color-primary);outline-offset:4px;border-color:color-mix(in oklab,var(--directory-card-ink) 45%,transparent)}.directory-card-heading{display:flex;align-items:start;gap:.8rem}.directory-card-heading>div{min-width:0}.directory-tool-icon{display:grid;place-items:center;width:2.8rem;height:2.8rem;flex-shrink:0;border:1px solid color-mix(in oklab,var(--directory-card-ink) 15%,transparent);border-radius:.85rem;color:var(--directory-card-ink);background:color-mix(in oklab,var(--directory-card-tint) 65%,var(--color-base-100));box-shadow:0 4px 10px color-mix(in oklab,var(--directory-card-ink) 6%,transparent);transform:rotate(-4deg);transition:transform .35s ease}.directory-card h3{font-size:1rem;font-weight:800;line-height:1.45;letter-spacing:-.025em;overflow-wrap:anywhere}.directory-category{display:block;margin-top:.3rem;color:var(--directory-card-ink);font-size:.7rem;font-weight:650}.directory-card-copy{display:flex;flex:1;flex-direction:column}.directory-card-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.9rem}.directory-card-tags li{padding:.25rem .45rem;border:1px solid color-mix(in oklab,var(--directory-card-ink) 12%,transparent);border-radius:.4rem;background:color-mix(in oklab,var(--directory-card-tint) 65%,var(--color-base-100));color:var(--directory-card-ink);font-size:.65rem;font-weight:650}.directory-card-copy>p{margin-block:.75rem 1rem;font-size:.825rem;line-height:1.75}.directory-card-link{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-top:auto;padding-top:.8rem;border-top:1px solid color-mix(in oklab,var(--directory-card-ink) 12%,transparent);color:var(--color-primary);font-size:.775rem;font-weight:750}.directory-card-link:after{content:"";position:absolute;inset:0;border-radius:1.1rem}.directory-card-link:focus-visible{outline:none}.directory-card-link>span{display:grid;place-items:center;width:1.75rem;height:1.75rem;border:1px solid color-mix(in oklab,var(--directory-card-ink) 15%,transparent);border-radius:.6rem;background:var(--directory-card-tint);color:var(--directory-card-ink);transition:transform .28s ease,box-shadow .28s ease}.directory-card:focus-within .directory-tool-icon{transform:rotate(0) scale(1.04)}.directory-search{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.6rem 1.25rem;margin-top:2rem;padding:1.15rem 1.25rem;border:1px solid color-mix(in oklab,var(--directory-sky-ink) 16%,transparent);border-radius:1rem;background:linear-gradient(120deg,color-mix(in oklab,var(--directory-sky) 50%,var(--color-base-100)),color-mix(in oklab,var(--directory-yellow) 40%,var(--color-base-100)));box-shadow:0 7px 18px color-mix(in oklab,var(--directory-sky-ink) 5%,transparent)}.directory-search>label{grid-column:1 / -1;font-size:.8rem;font-weight:750}.directory-search-field{display:flex;align-items:center;gap:.75rem;min-width:0;padding:.65rem .8rem;border:1px solid color-mix(in oklab,var(--directory-sky-ink) 35%,transparent);border-radius:.7rem;background:var(--color-base-100)}.directory-search-field:focus-within{outline:2px solid var(--color-primary);outline-offset:3px}.directory-search-field>svg{flex-shrink:0;color:var(--color-primary)}.directory-search input{width:100%;min-width:0;background:transparent;font-size:.9rem;line-height:1.5;color:var(--color-base-content);outline:none}.directory-search input::placeholder{color:color-mix(in oklab,var(--color-base-content) 65%,transparent)}.directory-search-field button{flex-shrink:0;padding:.3rem .5rem;border-radius:.35rem;color:var(--color-primary);font-size:.75rem;font-weight:700;cursor:pointer}.directory-search-field button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.directory-search-status{padding:.5rem .7rem;border-radius:.6rem;color:var(--directory-yellow-ink);background:var(--directory-yellow);font-size:.75rem;font-weight:650;white-space:nowrap}.directory-search-status>span{font-weight:800}.directory-search-empty{display:grid;justify-items:center;gap:.75rem;margin-top:1.25rem;padding:2rem 1.25rem;border:1px dashed color-mix(in oklab,var(--directory-yellow-ink) 25%,transparent);border-radius:1rem;background:color-mix(in oklab,var(--directory-yellow) 45%,var(--color-base-100));text-align:center}.directory-search-empty>svg{color:var(--directory-yellow-ink)}.directory-search-empty h3{font-size:1rem;font-weight:750}.directory-search-empty p{max-width:35rem;color:color-mix(in oklab,var(--color-base-content) 75%,transparent);font-size:.875rem;line-height:1.75}.directory-search-empty button{padding:.65rem .95rem;border-radius:.55rem;background:var(--color-primary);color:var(--color-primary-content);font-size:.8rem;font-weight:700;cursor:pointer}.directory-search-empty button:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}.directory-card[hidden],.directory-search[hidden],.directory-search-empty[hidden],[data-directory-clear][hidden]{display:none}@media(hover:hover)and (pointer:fine){.directory-card:hover{transform:translateY(-4px);border-color:color-mix(in oklab,var(--directory-card-ink) 35%,transparent);box-shadow:0 16px 28px color-mix(in oklab,var(--directory-card-ink) 13%,transparent)}.directory-card:hover .directory-tool-icon{transform:rotate(0) scale(1.04)}.directory-card:hover .directory-card-link>span{transform:translate(2px,-2px);box-shadow:0 4px 8px color-mix(in oklab,var(--directory-card-ink) 10%,transparent)}}.directory-selection{background-image:radial-gradient(ellipse at 15% 25%,color-mix(in oklab,var(--color-primary) 5%,transparent),transparent 65%),radial-gradient(ellipse at 90% 80%,color-mix(in oklab,var(--color-accent) 4%,transparent),transparent 55%)}.directory-reading-heading{display:grid;align-items:end;gap:1.5rem 4rem}.directory-reading-heading .collection-copy{font-size:.95rem}.directory-reading-list{display:grid;gap:1.5rem;margin-top:2.5rem}.directory-reading-panel{--directory-reading-accent: var(--color-primary);position:relative;min-width:0;overflow:hidden;padding:1.75rem 2rem;border:1px solid color-mix(in oklab,var(--directory-reading-accent) 22%,transparent);border-radius:1.35rem;background:linear-gradient(120deg,color-mix(in oklab,var(--directory-reading-accent) 8%,transparent),transparent 70%),var(--directory-glass);backdrop-filter:blur(12px);box-shadow:0 14px 32px color-mix(in oklab,var(--directory-reading-accent) 9%,transparent),inset 0 1px color-mix(in oklab,var(--color-base-100) 60%,transparent)}.directory-reading-panel:before{content:"";position:absolute;left:0;top:2rem;bottom:2rem;width:4px;border-radius:0 3px 3px 0;background:var(--directory-reading-accent)}.directory-reading-panel[data-reading-tool=missingLetters]{--directory-reading-accent: var(--color-accent)}.directory-reading-title{display:flex;align-items:center;gap:1rem}.directory-reading-icon{display:grid;place-items:center;width:3rem;height:3rem;flex-shrink:0;border:1px solid var(--directory-reading-accent);border-radius:.8rem;background:var(--directory-reading-accent);color:var(--color-primary-content);box-shadow:0 5px 12px color-mix(in oklab,var(--directory-reading-accent) 20%,transparent)}.directory-reading-title>div{flex:1}.directory-reading-label{display:block;margin-bottom:.3rem;color:color-mix(in oklab,var(--color-base-content) 65%,transparent);font-size:.7rem;font-weight:650}.directory-reading-title h3{font-size:1.15rem;font-weight:800;line-height:1.5;letter-spacing:-.025em}.directory-reading-number{color:color-mix(in oklab,var(--color-primary) 22%,var(--color-base-100));font-size:2rem;font-weight:850;letter-spacing:-.06em}.directory-reading-body{display:grid;gap:1.4rem 2rem;margin-top:1.5rem;padding-top:1.4rem;border-top:1px solid var(--directory-stroke)}.directory-reading-paragraph{min-width:0}.directory-reading-paragraph h4{display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem;color:var(--color-primary);font-size:.8rem;font-weight:750}.directory-reading-paragraph h4>span{width:.3rem;height:.3rem;flex-shrink:0;border-radius:50%;background:var(--color-primary)}.directory-reading-paragraph .collection-copy{font-size:.9rem;line-height:1.9}.directory-inline-highlight{font-weight:750;color:var(--color-primary);background:color-mix(in oklab,var(--color-primary) 6%,transparent);border-radius:.2rem;padding-inline:.1rem}.directory-question-heading{display:flex;align-items:start;gap:1.2rem;max-width:50rem}.directory-question-heading-icon{display:grid;place-items:center;width:3.5rem;height:3.5rem;margin-top:.1rem;flex-shrink:0;border:1px solid color-mix(in oklab,var(--color-primary) 16%,transparent);border-radius:1rem;background:var(--directory-tint);color:var(--color-primary);box-shadow:var(--directory-shadow);transform:rotate(-5deg)}.directory-faq-columns{display:grid;align-items:start;gap:1.1rem 1.5rem;margin-top:2.5rem}.directory-question{min-width:0;border:1px solid var(--directory-stroke);border-radius:1rem;background:linear-gradient(135deg,var(--directory-tint),var(--color-base-100) 65%);box-shadow:0 6px 18px color-mix(in oklab,var(--color-base-content) 3%,transparent)}.directory-question[open]{border-color:color-mix(in oklab,var(--color-primary) 25%,transparent)}.directory-question summary{display:flex;align-items:center;gap:.75rem;padding:1.3rem 1.4rem;list-style:none;cursor:pointer;font-size:.95rem;font-weight:750;line-height:1.65}.directory-question summary::-webkit-details-marker{display:none}.directory-question summary>span:nth-child(2){flex:1}.directory-question-number{color:color-mix(in oklab,var(--color-primary) 75%,transparent);font-size:.65rem;font-weight:650}.directory-question-plus{flex-shrink:0;color:var(--color-primary);transition:transform .2s}.directory-question[open] .directory-question-plus{transform:rotate(45deg)}.directory-question summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px;border-radius:1rem}.directory-question-answer{padding:0 1.4rem 1.4rem;font-size:.875rem;line-height:1.9}@media(min-width:48rem){.directory-hero-layout{grid-template-columns:1.15fr .85fr;gap:3rem}.directory-reading-heading{grid-template-columns:.8fr 1.2fr}.directory-reading-body{grid-template-columns:1fr 1fr}.directory-reading-paragraph+.directory-reading-paragraph{padding-left:2rem;border-left:1px solid var(--directory-stroke)}.directory-faq-columns{grid-template-columns:1fr 1fr}}@media(min-width:64rem){.directory-hero{padding-bottom:4.75rem}.directory-hero-layout{gap:5rem}}@media(max-width:47.99rem){.directory-page .collection-wrap{padding-inline:1.25rem}.directory-hero{padding-block:2rem 3rem}.directory-hero-layout{gap:1.75rem}.directory-hero-art img{max-width:24rem}.directory-catalogue{padding-block:3rem}.directory-section-heading{align-items:start}.directory-reading-panel{padding:1.4rem}.directory-reading-title{gap:.75rem}.directory-reading-icon{width:2.5rem;height:2.5rem}.directory-reading-number{display:none}.directory-reading-title h3{font-size:1rem}.directory-reading-body{margin-top:1.15rem;padding-top:1.15rem}.directory-reading-paragraph+.directory-reading-paragraph{padding-top:1.25rem;border-top:1px dashed var(--directory-stroke)}.directory-question-heading{gap:.9rem}.directory-question-heading-icon{width:2.75rem;height:2.75rem;border-radius:.75rem}.directory-question summary{padding:1.15rem;gap:.55rem;font-size:.875rem}.directory-question-answer{padding:0 1.15rem 1.2rem}}@media(prefers-reduced-motion:reduce){.directory-card,.directory-tool-icon,.directory-card-link>span,.directory-question-plus{transition:none}.directory-card:hover,.directory-card:hover .directory-tool-icon,.directory-card:focus-within .directory-tool-icon,.directory-card:hover .directory-card-link>span{transform:none}}.directory-page{--directory-rose: #fce4ed;--directory-rose-ink: #982951;--directory-mint: #dcf4e8;--directory-mint-ink: #176343;--directory-lavender: #ede4ff;--directory-lavender-ink: #65429b;--directory-peach: #ffebd8;--directory-peach-ink: #8a4619;--directory-yellow: #fff4ca;--directory-yellow-ink: #746010;--directory-sky: #e1edff;--directory-sky-ink: #294e9d}.directory-catalogue{background-image:radial-gradient(ellipse at 95% 20%,color-mix(in oklab,var(--directory-peach) 65%,transparent),transparent 65%)}[data-theme=brand-dark] .directory-page{--directory-rose: #422738;--directory-rose-ink: #f9bad0;--directory-mint: #203d35;--directory-mint-ink: #a6e7c5;--directory-lavender: #352c50;--directory-lavender-ink: #d3bdff;--directory-peach: #453325;--directory-peach-ink: #f6c69c;--directory-yellow: #403b20;--directory-yellow-ink: #f5e4a0;--directory-sky: #263b58;--directory-sky-ink: #b2d0ff}.directory-reading-panel{--directory-reading-accent: var(--directory-rose-ink);--directory-reading-tint: var(--directory-rose);background:linear-gradient(120deg,color-mix(in oklab,var(--directory-reading-tint) 75%,transparent),transparent 80%),var(--directory-glass)}.directory-reading-panel[data-reading-tool=vertical]{--directory-reading-accent: var(--directory-mint-ink);--directory-reading-tint: var(--directory-mint)}.directory-reading-panel[data-reading-tool=missingLetters]{--directory-reading-accent: var(--directory-lavender-ink);--directory-reading-tint: var(--directory-lavender)}.directory-reading-icon{background:var(--directory-reading-tint);color:var(--directory-reading-accent)}@media(max-width:47.99rem){.directory-search{grid-template-columns:minmax(0,1fr);padding:1rem;gap:.65rem}.directory-search-status{justify-self:start}}
