.collection-skip{position:absolute;left:1rem;top:-100px;z-index:100;background:white;padding:1rem}.collection-skip:focus{top:1rem}.collection-hero{text-align:center;padding-top:4rem;padding-bottom:3.5rem}.collection-hero h1{font:400 clamp(3rem,6vw,5.4rem)/1.02 var(--serif);letter-spacing:-.025em;margin:.8rem 0 1.5rem}.collection-hero h1 em{color:var(--spruce)}.collection-hero>p:not(.kicker){font-size:1.15rem;line-height:1.7;max-width:39rem;margin:0 auto 1.4rem;color:var(--muted)}.collection-hero>span{font-size:.85rem}.collection-browser{background:#e8e9e1;border-block:1px solid var(--line);padding:1.7rem 0 2rem}.collection-chooser{display:flex;align-items:center;gap:1.2rem}.collection-chooser>p{font-size:.9rem;font-weight:600;margin:0}.collection-step{margin-left:auto;display:flex;gap:1rem;align-items:center;font-size:.8rem}.collection-step button{width:44px;height:44px;background:transparent;border:1px solid #bcc6b9;color:var(--ink);border-radius:50%;font-size:1.15rem;cursor:pointer}.collection-index{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:.65rem;padding-top:1.1rem;padding-bottom:1.4rem;position:relative}.collection-index a{color:var(--muted);text-decoration:none;font-size:.72rem;display:block;min-width:0;padding:5px;border:1px solid transparent;border-radius:5px}.collection-index img{display:block;width:100%;height:auto;aspect-ratio:1.16;object-fit:cover;border:1px solid #cbd0c5;border-radius:2px}.collection-index span{display:block;padding:.45rem 0 .1rem;text-align:center}.collection-index a:hover{background:#ffffff60;color:var(--ink)}.collection-index a[aria-current]{color:var(--ink);border-color:var(--spruce);background:#fffdf7}.collection-index a[aria-current] span{font-weight:600}.collection-panel[hidden]{display:none}.collection-heading{display:flex;justify-content:space-between;gap:3rem;padding-top:2rem;padding-bottom:2rem;align-items:center;border-top:1px solid #cbd0c5}.collection-heading .kicker{font-size:.65rem;margin:0 0 .7rem}.collection-heading h2{font:400 3.8rem/1 var(--serif);margin:0}.collection-heading p:not(.kicker){color:var(--muted);max-width:32rem;font-size:.93rem;margin:.9rem 0 0}.collection-heading-side{display:grid;gap:.8rem;justify-items:end}.collection-heading-side small{color:var(--muted);font-size:.74rem}.collection-board{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(0,1fr);gap:2rem;align-items:center;padding:1rem 0 3rem}.collection-website{min-width:0;background:white;box-shadow:0 10px 35px #27312818}.collection-browser-bar{display:flex;gap:5px;align-items:center;padding:10px 14px;border-bottom:1px solid #e7e8e0}.collection-browser-bar>span{width:7px;height:7px;border-radius:50%;background:#c9cec5}.collection-browser-bar>small{font-size:.6rem;margin-left:auto;color:var(--muted)}.collection-site-frame{position:relative;aspect-ratio:1280/980;overflow:hidden;background:#f7f5ef}.collection-site-frame iframe{width:1280px;height:980px;position:absolute;top:0;left:0;transform-origin:top left;border:0;pointer-events:none}.collection-open-site{display:block;padding:.8rem 1rem;color:var(--spruce);font-size:.72rem;text-align:right;text-decoration:none}.collection-cover-social{display:block;transform:rotate(2deg);text-decoration:none;color:var(--ink)}.collection-cover-social img{display:block;width:100%;height:auto;box-shadow:0 15px 35px #27312830}.collection-cover-social span{font-size:.74rem;display:block;margin-top:.9rem;text-align:center}.collection-materials-heading{padding:2rem 0 1.5rem;border-top:1px solid #cbd0c5;display:flex;justify-content:space-between;gap:2rem;align-items:center}.collection-materials-heading h3{font:400 2.5rem/1.12 var(--serif);margin:0}.collection-materials-heading p{max-width:28rem;font-size:.9rem;color:var(--muted);margin:0}.collection-materials{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem 1.4rem}.collection-material>a{color:inherit;text-decoration:none}.collection-material-image{aspect-ratio:1/1.15;padding:1rem;background:#dcdfd4;display:flex;align-items:center;justify-content:center;overflow:hidden}.collection-material-image img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;box-shadow:0 4px 15px #27312820}.collection-material h4{font-size:.87rem;margin:1rem 0 .4rem}.collection-material p{font-size:.8rem;line-height:1.6;color:var(--muted);margin:0 0 .8rem}.collection-material .collection-sample-download{font-size:.75rem;text-decoration:underline;color:var(--spruce);text-underline-offset:4px}.collection-reel video{height:100%;width:100%;object-fit:contain}.collection-connected{display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding:3rem 0 1.5rem}.collection-connected h3{font:400 2rem/1.1 var(--serif);margin:0 0 1rem}.collection-connected p{font-size:.9rem;color:var(--muted);line-height:1.8}.collection-connected a{color:var(--spruce);font-size:.85rem}.collection-notes{padding-top:2.5rem;padding-bottom:2.5rem;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.collection-notes p{font-size:.77rem;line-height:1.8;color:var(--muted)}.collection-closing{text-align:center;padding-top:3rem;padding-bottom:5rem}.collection-closing h2{font:400 clamp(2.4rem,5vw,4rem)/1.05 var(--serif);margin:0 0 1.25rem}.collection-closing p{color:var(--muted);margin:0 0 2rem}.collection-closing .collection-trial{font-size:.8rem;margin:1.5rem 0 0}#collection-inspector{width:min(1000px,94vw);max-height:94dvh;border:0;border-radius:10px;padding:20px 30px;background:var(--paper);color:var(--ink);text-align:center;overflow:auto}#collection-inspector::backdrop{background:#15231de0}#collection-inspector>button{color:var(--ink);appearance:none;position:sticky;top:0;margin-left:auto;display:block;border:1px solid var(--line);width:44px;height:44px;font-size:1.6rem;background:var(--paper);border-radius:50%;cursor:pointer;z-index:1}#collection-inspector>p{font-size:.85rem;margin:0 50px 20px}#collection-inspector>img{max-width:100%;max-height:72dvh;object-fit:contain;display:block;margin:auto}#collection-inspector>a{display:block;margin:20px 0 0;font-size:.85rem;color:var(--spruce)}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--spruce);outline-offset:4px}
@media(max-width:760px){.collection-hero{padding-top:2.5rem;padding-bottom:2.5rem}.collection-hero>p:not(.kicker){font-size:1rem}.collection-chooser{gap:.6rem}.collection-chooser>p{font-size:.82rem}.collection-step{gap:.6rem}.collection-index{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:96px;gap:.5rem;overflow-x:auto;padding-bottom:1rem;scroll-padding-inline:1.5rem}.collection-index a{font-size:.76rem}.collection-heading{display:grid;grid-template-columns:1fr;gap:1rem;align-items:start;padding-top:1.6rem}.collection-heading-side{display:flex;align-items:center;justify-content:space-between;gap:1rem}.collection-heading h2{font-size:2.8rem}.collection-heading p:not(.kicker){font-size:.85rem}.collection-heading-side .cta{font-size:.85rem;padding:.7rem .9rem;white-space:nowrap}.collection-heading-side small{max-width:9rem;text-align:right;line-height:1.5}.collection-board{gap:1rem;grid-template-columns:minmax(0,1fr);padding-bottom:2rem}.collection-cover-social{width:44%;margin:-5.5rem 1rem 0 auto;position:relative}.collection-website{padding-bottom:2rem}.collection-open-site{font-size:.65rem;text-align:left;max-width:54%;line-height:1.6}.collection-materials-heading{display:block;padding-top:1.5rem}.collection-materials-heading h3{font-size:2rem;margin:0 0 .8rem}.collection-materials-heading p{font-size:.85rem}.collection-materials{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem 1rem}.collection-material-image{padding:.8rem}.collection-connected{grid-template-columns:1fr;gap:2rem;padding-top:2.5rem}.collection-notes{grid-template-columns:1fr;gap:.3rem}.collection-connected h3{font-size:1.9rem}#collection-inspector{padding:12px 16px}.collection-cover-social span{font-size:.66rem}.collection-index a{min-height:44px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.collection-palettes{padding:14px 16px;border-bottom:1px solid #e7e8e0}.collection-palettes>span{display:block;font-size:.72rem;font-weight:600;margin-bottom:8px}.collection-palettes>div{display:flex;flex-wrap:wrap;gap:8px 20px}.collection-palettes a{display:flex;align-items:center;gap:7px;min-height:44px;color:var(--muted);text-decoration:none;font-size:.72rem;border-bottom:2px solid transparent}.collection-palettes a[aria-current]{color:var(--ink);border-bottom-color:var(--spruce);font-weight:600}.collection-palette-swatch{display:flex;flex-shrink:0;width:33px;height:24px;overflow:hidden;border:1px solid #b9beb4;border-radius:3px}.collection-palette-swatch i{flex:1}@media(max-width:760px){.collection-palettes{padding:12px}.collection-palettes>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 12px}.collection-palettes a{font-size:.72rem}}