:root{color-scheme:dark;--bg:#171a24;--ink:#f1eadd;--muted:#aaa7a5;--copper:#c89874;--rule:#ffffff25;--serif:Georgia,"Times New Roman",serif;--sans:"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{font:13px/1.5 var(--sans);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--copper);outline-offset:5px}button{-webkit-tap-highlight-color:transparent}.experience{height:100svh;position:relative;isolation:isolate;overflow:hidden}.shelf-stage{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 49%,#272832 0,#1b1d28 43%,#161923 82%);outline-offset:-6px!important;touch-action:pan-y}.shelf-canvas{display:block;width:100%;height:100%;touch-action:pan-y}.preparing{position:absolute;top:44%;left:0;width:100%;color:#8f8d8b;text-align:center;font-size:12px}.masthead{position:absolute;top:29px;left:34px;right:34px;display:flex;align-items:center;justify-content:space-between;z-index:4;gap:24px;pointer-events:none}.masthead>*{pointer-events:auto}.brand{font:29px/1 var(--serif);letter-spacing:-1.4px;white-space:nowrap}.brand span{display:block;font:8px/1.4 var(--sans);letter-spacing:1.4px;margin-top:10px;color:#b5b2ae}nav{display:flex;gap:28px;align-items:center}.text-button{background:none;border:0;padding:5px 0;font-size:11px;white-space:nowrap}.text-button:hover{color:var(--copper)}.text-button>span{font-size:8px;border:1px solid var(--rule);border-radius:20px;padding:1px 5px;margin-left:5px}.top-tools{position:absolute;left:35px;right:35px;top:105px;z-index:3;display:flex;justify-content:space-between;align-items:center;pointer-events:none;gap:15px}.eyebrow{font-size:8px;letter-spacing:1.5px;color:var(--muted);margin:0}.filters{display:flex;align-items:center;gap:4px;pointer-events:auto}.filter{border:1px solid transparent;border-radius:30px;background:none;color:#a8a6a6;padding:5px 11px;font-size:10px}.filter:hover{color:var(--ink)}.filter.active{color:var(--ink);border-color:#ffffff40;background:#ffffff06}.motion-toggle{background:none;border:1px solid var(--rule);border-radius:50%;width:26px;height:26px;font-size:11px;margin-left:14px;line-height:1;display:grid;place-items:center}.motion-toggle:hover{border-color:var(--copper)}.browse-ui{position:absolute;left:34px;right:34px;bottom:26px;z-index:3;display:grid;grid-template-columns:minmax(280px,1fr) auto 205px;align-items:end;gap:40px;pointer-events:none}.browse-ui>*{pointer-events:auto}.selection{display:flex;gap:17px;align-items:flex-start;min-width:0}.selection>div{min-width:0}.selection-number{font-size:9px;letter-spacing:1px;color:#b9b7b3;margin-top:24px;white-space:nowrap}.selection h1{font:clamp(30px,3.8vw,49px)/1.03 var(--serif);letter-spacing:-2px;margin:6px 0 12px;max-width:600px;text-wrap:balance}.selection p{font-size:11px;color:#b9b6b1;max-width:470px;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.controls{display:flex;gap:15px;align-items:center;padding-bottom:26px}.arrow{width:30px;height:36px;border:none;background:none;font:27px/1 var(--serif);color:#d1cbc2}.arrow:hover{color:#fff}.outline-button{border:1px solid #b4b0ad7a;border-radius:30px;background:#171a2415;padding:12px 19px;font-size:10px;min-width:90px}.outline-button span{margin-left:14px;color:var(--copper)}.outline-button:hover{border-color:var(--copper);background:#c8987410}.shelf-index{display:flex;flex-direction:column;gap:9px;min-width:0}.shelf-index>select{background:transparent;border:0;border-bottom:1px solid #ffffff30;padding:6px 0 8px;color:#ded7cb;font-size:10px;min-width:0;max-width:100%;border-radius:0}.shelf-index option,.shelf-index optgroup{background:#20232c;color:var(--ink)}input[type=range]{width:100%;height:2px;accent-color:var(--copper);cursor:ew-resize;margin:5px 0 2px}.microcopy{font-size:7px;letter-spacing:1.5px;color:#9e9b98;margin:6px 0 0;text-align:right}.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-70px;left:20px;z-index:30;background:var(--ink);color:var(--bg);padding:12px 20px}.skip:focus{top:10px}dialog{color:var(--ink);background:#1c202a;border:1px solid #ffffff30;border-radius:10px;padding:0;max-width:1080px;width:calc(100% - 50px);max-height:calc(100svh - 50px);box-shadow:0 25px 100px #0008;overflow:auto}dialog::backdrop{background:#080a11ba;backdrop-filter:blur(9px)}.close-dialog{position:absolute;top:17px;right:18px;z-index:10;background:#1b1d26bd;border:1px solid var(--rule);width:31px;height:31px;border-radius:50%;font-size:23px;line-height:1;color:#d7d0c5}.close-dialog:hover{border-color:var(--copper)}.dialog-heading{padding:43px 45px 20px}.dialog-heading h2{font:39px/1.1 var(--serif);letter-spacing:-1.3px;margin:17px 0 25px}.search-label{display:block}input[type=search]{background:transparent;border:0;border-bottom:1px solid #ffffff40;color:var(--ink);padding:12px 0;font-size:13px;width:100%;border-radius:0}input::placeholder{color:#8b8a8b}.muted{color:var(--muted);font-size:12px;line-height:1.7}#result-count{font-size:10px;margin:14px 0 0}.catalog{display:grid;grid-template-columns:1fr 1fr;gap:0 35px;padding:0 45px}.catalog-item{display:grid;grid-template-columns:32px 1fr auto;gap:13px;align-items:center;min-height:62px;padding:13px 0;text-align:left;border:0;border-bottom:1px solid var(--rule);background:none;color:var(--ink)}.catalog-item:hover{color:var(--copper)}.catalog-item .index{font-size:8px;letter-spacing:1px;color:#8c8d94}.catalog-item h3{font:16px/1.3 var(--serif);margin:0;font-weight:normal}.catalog-item .eyebrow{font-size:7px;letter-spacing:1px}.library-note{font-size:10px;line-height:1.7;color:#96979c;padding:22px 45px 28px;margin:0}.no-results{padding:30px 45px;color:var(--muted)}#specimen-dialog[open]{display:grid;grid-template-columns:1.1fr 1fr;overflow:hidden}.detail-stage{height:535px;min-width:0;background:radial-gradient(ellipse at 50% 46%,#2b2c35,#1b1f2a 80%);touch-action:pan-y}.detail-copy{padding:65px 40px 35px 10px}.detail-copy h2{font:36px/1.08 var(--serif);letter-spacing:-1.3px;margin:16px 0 24px}.detail-copy>p{font-size:12px}dl{margin:27px 0 18px}dl>div{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--rule);padding:10px 0;font-size:11px}dt{color:var(--muted)}dd{margin:0;text-align:right}.detail-note{font-size:10px!important;color:#a09c97;line-height:1.6}.detail-navigation{display:flex;align-items:center;gap:20px;margin-top:25px}.detail-navigation span{font-size:9px;color:var(--muted)}.round-button{background:none;color:var(--ink);border:1px solid var(--rule);border-radius:50%;width:31px;height:31px;font-size:15px}.round-button:hover{border-color:var(--copper)}.startup-dialog{width:min(1180px,calc(100% - 40px));height:min(760px,calc(100svh - 40px));overflow:hidden}.startup-dialog iframe{width:100%;height:100%;border:0;display:block}.startup-dialog>.close-dialog{top:14px;right:15px}.workflow{list-style:none;margin:0;padding:0 45px}.workflow li{display:flex;gap:25px;padding:22px 0;border-top:1px solid var(--rule)}.workflow li>span{font-size:9px;color:var(--copper);padding-top:5px}.workflow h3{font-size:15px;font-weight:400;margin:0 0 10px}.workflow p{font-size:12px;color:var(--muted);max-width:620px;margin:0}.noscript-note{position:fixed;top:40%;left:20%;right:20%;text-align:center;color:var(--muted);background:#171a24}
@media(max-width:1000px){.browse-ui{grid-template-columns:minmax(230px,1fr) auto;gap:20px}.shelf-index{position:absolute;right:0;bottom:95px;width:145px}.shelf-index>label,.shelf-index>select{display:none}.microcopy{font-size:6px}.selection h1{font-size:38px}.selection p{font-size:10px;max-width:420px}.top-tools>.eyebrow{font-size:7px;letter-spacing:1px}}
@media(max-width:700px){.masthead{top:25px;left:22px;right:22px;align-items:flex-start}.brand{font-size:28px}.brand span{font-size:6px;letter-spacing:1.1px;max-width:245px}.masthead nav{gap:0}.masthead nav>button{display:none}.masthead nav>#show-collection{display:block;font-size:10px}.top-tools{top:102px;left:21px;right:21px;display:block}.top-tools>.eyebrow{font-size:7px;margin-bottom:13px}.filters{gap:0}.filter{padding:5px 10px;font-size:9px}.motion-toggle{margin-left:auto;width:25px;height:25px}.browse-ui{left:22px;right:22px;bottom:27px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.selection{width:100%;gap:12px}.selection-number{margin-top:20px;font-size:8px}.selection h1{font-size:35px;letter-spacing:-1.3px;max-width:295px;margin-bottom:8px}.selection p{font-size:10px;max-width:310px;-webkit-line-clamp:2}.controls{padding:0;gap:12px}.outline-button{padding:10px 15px;font-size:9px;min-width:85px}.shelf-index{position:static;width:130px;align-self:center}.microcopy{font-size:6px;letter-spacing:1px}.shelf-index input{margin-top:5px}.catalog{grid-template-columns:1fr;padding:0 23px}.dialog-heading{padding:40px 24px 15px}.dialog-heading h2{font-size:33px}.library-note{padding:20px 24px}.close-dialog{right:13px;top:13px}dialog{width:calc(100% - 22px);max-height:calc(100svh - 25px)}#specimen-dialog[open]{display:block;overflow:auto}.detail-stage{height:330px}.detail-copy{padding:12px 26px 28px}.detail-copy h2{font-size:29px}.detail-copy dl{margin-top:24px}.startup-dialog{width:calc(100% - 16px);height:calc(100svh - 35px)}.workflow{padding:0 24px}}
@media(max-height:600px) and (min-width:701px){.masthead{top:20px}.top-tools{top:90px}.browse-ui{bottom:18px}.selection h1{font-size:33px}.selection p{font-size:9px}.controls{padding-bottom:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
.selection h1{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:700px){.masthead nav{gap:14px}.masthead nav>#show-startup{display:block;font-size:9px}}