.library-dialog{--shelf-paper: #efe7db;--shelf-muted: #b0b9b5;--shelf-line: #d4bd9c28;width:min(1000px,calc(100vw - 64px));max-width:none;height:min(860px,calc(100dvh - 64px));max-height:none;padding:0;overflow:hidden;border:1px solid #b7a48b55;border-radius:6px;background:#131b1e;color:var(--shelf-paper);box-shadow:0 32px 100px #0008}.library-dialog[open]{display:flex;flex-direction:column}.library-dialog::backdrop{background:#030608b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}html:has(.library-dialog[open]){overflow:hidden}.shelf-header{flex:0 0 auto;position:relative;padding:32px 46px 25px;border-bottom:1px solid var(--shelf-line);background:radial-gradient(ellipse at 8% 0%,#3d565332,transparent 75%)}.shelf-eyebrow{margin:0 90px 13px 0;color:#d3b892;font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase}.library-dialog h2{margin:0;font:400 clamp(42px,5.5vw,64px)/1 "Cormorant Garamond",Georgia,serif;letter-spacing:-.025em}.shelf-subtitle{margin:12px 0 0;color:var(--shelf-muted);font-size:13px;line-height:1.5}.library-close{position:absolute;right:27px;top:23px;display:flex;align-items:center;gap:10px;min-height:44px;padding:8px;border:0;background:none;color:var(--shelf-muted);font:inherit;font-size:12px;cursor:pointer}.library-close span{font-size:22px;font-weight:300}.library-close:hover{color:var(--shelf-paper)}.library-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#69716a #131b1e;padding:28px 46px 24px}.shelf-section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:25px}.shelf-section-heading h3{margin:0;color:#d3b892;font:500 11px/1.5 DM Sans,sans-serif;letter-spacing:.12em;text-transform:uppercase}.shelf-section-heading>span{color:var(--shelf-muted);font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.12em}.shelf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px;row-gap:34px;list-style:none;margin:0;padding:0}.shelf-book{min-width:0}.shelf-book-link{display:block;height:100%;color:inherit;text-decoration:none}.shelf-cover-stage{position:relative;display:flex;justify-content:center;align-items:flex-end;height:198px;padding-bottom:13px;isolation:isolate}.shelf-cover-stage:before{content:"";position:absolute;inset:25% -5px 0;z-index:-1;background:radial-gradient(ellipse at 50% 100%,#9a9e8120,transparent 72%)}.shelf-cover-stage:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,#d4bd9c0a,#d4bd9c55 35% 65%,#d4bd9c0a);box-shadow:0 4px 5px #0009}.library-dialog .book-cover{display:block;width:auto;max-width:100%;height:185px;object-fit:contain;filter:drop-shadow(7px 7px 5px #0007);transform-origin:bottom center;transition:transform .3s ease,filter .3s ease}.shelf-book-caption{display:flex;align-items:baseline;gap:9px;padding-top:16px}.shelf-book-number{flex:0 0 auto;color:#a2aaa3;font-size:10px;font-variant-numeric:tabular-nums}.shelf-book-caption>div{flex:1;min-width:0}.shelf-book-caption h4{margin:0;font:500 24px/1.08 Cormorant Garamond,Georgia,serif;text-wrap:pretty}.shelf-book-caption p{margin:7px 0 0;color:var(--shelf-muted);font-size:11px;line-height:1.5}.shelf-book-arrow{align-self:center;--ring-size: 26px}.shelf-book-link:hover .book-cover,.shelf-book-link:focus-visible .book-cover{transform:translateY(-5px) rotate(-1deg);filter:drop-shadow(9px 12px 7px #0009)}.shelf-book-link:hover h4{color:#e8c89f}.shelf-heinlein{margin-top:42px;padding-top:30px;border-top:1px solid var(--shelf-line)}.shelf-heinlein .shelf-section-heading h3{color:var(--shelf-paper);font:400 31px/1.1 Cormorant Garamond,Georgia,serif;letter-spacing:0;text-transform:none}.shelf-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:34px;padding-top:21px;border-top:1px solid var(--shelf-line);color:var(--shelf-muted);font-size:10px;line-height:1.5}@media(max-width:700px){.library-dialog{width:calc(100vw - 24px);height:calc(100dvh - 32px)}.shelf-header{padding:25px 24px 21px}.library-close{right:14px;top:13px}.library-scroll{padding:24px}.shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;row-gap:29px}.shelf-cover-stage{height:180px}.library-dialog .book-cover{height:167px}.shelf-book-caption{gap:6px}.shelf-book-caption h4{font-size:23px}.shelf-book-number{display:none}}@media(max-width:380px){.shelf-header,.library-scroll{padding-inline:19px}.shelf-grid{column-gap:18px}.shelf-cover-stage{height:162px}.library-dialog .book-cover{height:149px}.shelf-book-caption h4{font-size:21px}}@media(prefers-reduced-motion:reduce){.library-dialog .book-cover{transition:none}.shelf-book-link:hover .book-cover,.shelf-book-link:focus-visible .book-cover{transform:none}}.work{position:fixed;inset:0;z-index:3;pointer-events:none;--work-in: 0}.work:before{content:"";position:absolute;left:0;right:0;top:0;height:var(--work-fold, 220px);background:linear-gradient(#0b1718,#0b1718d9 38%,#0b171800);opacity:var(--work-in)}.work-head{position:absolute;left:0;right:0;top:max(clamp(18px,6vh,62px),calc(env(safe-area-inset-top,0px) + 12px));display:grid;justify-items:center;gap:clamp(12px,1.9vh,20px);padding:0 max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px));opacity:var(--work-in);transform:translateY(calc((1 - var(--work-in)) * -16px))}.work-title{margin:0;color:#eadfc9;text-align:center;font:300 clamp(40px,4.4vw,68px)/1 "Cormorant Garamond",Georgia,serif;letter-spacing:.01em}.work-filters{display:flex;gap:clamp(16px,2.2vw,30px);max-width:100%;min-width:0;padding:0 6px;overflow-x:auto;scrollbar-width:none;pointer-events:auto}.work-filters::-webkit-scrollbar{display:none}.work-filter{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:8px 0 14px;border:0;background:none;color:#f1e7d5a6;font:400 14.5px/1 DM Sans,system-ui,sans-serif;letter-spacing:.02em;white-space:nowrap;cursor:pointer;text-decoration:underline 1px transparent;text-underline-offset:9px;transition:color .3s ease,text-decoration-color .3s ease}.work-filter:after{content:"";position:absolute;inset:-4px -8px}.work-filter:hover{color:#f1e7d5}.work-filter[aria-pressed=true]{color:#f1e7d5;text-decoration-color:#d2a567}.work-filter:focus-visible{outline:2px solid #dfaf78;outline-offset:2px}.work-filter-brief{display:none}.work-tail{position:absolute;inset:0;-webkit-mask-image:linear-gradient(to bottom,#0000 calc(var(--work-fold, 220px) - 14px),#000 calc(var(--work-fold, 220px) + 46px));mask-image:linear-gradient(to bottom,#0000 calc(var(--work-fold, 220px) - 14px),#000 calc(var(--work-fold, 220px) + 46px))}.work-cta{position:absolute;left:0;right:0;top:0;display:grid;justify-items:center;align-content:center;gap:16px;height:236px;padding:0 24px;color:#efe7db;text-align:center;will-change:transform;visibility:hidden}.work-cta:before{content:"";position:absolute;left:50%;top:50%;z-index:-1;width:min(760px,120vw);height:150%;translate:-50% -50%;background:radial-gradient(closest-side,#050609e6,#050609b3 55%,#05060900)}.work-cta>p:first-child{margin:0;font:500 clamp(28px,2.9vw,42px)/1.1 "Cormorant Garamond",Georgia,serif}.work-cta-mail{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 12px;margin:2px 0 0;font:400 14px/1.4 DM Sans,system-ui,sans-serif}.work-cta-mail span{color:#f5f2eb55}.work-cta-mail a{color:#e9e2d6;text-decoration:none;pointer-events:auto;background:linear-gradient(currentColor,currentColor) 0 100% / 100% 1px no-repeat;transition:color .25s}.work-cta-mail a:first-child{color:#f5f2eb}.work-cta-mail a:hover{color:#dcbb94}.work-cta-link{display:inline-flex;align-items:center;gap:18px;color:#f1e7d5;font:500 15px/1 DM Sans,system-ui,sans-serif;letter-spacing:.03em;text-decoration:none;pointer-events:auto;transition:color .25s;--ring-size: 52px;--ring-arrow: 38%}.work-cta-link:hover{color:#dcbb94}.work-focus{position:absolute;left:-6px;top:-6px;box-sizing:content-box;padding:4px;border:2px solid #dfaf78;border-radius:6px;pointer-events:none;opacity:0;transition:opacity .2s}.work-focus[data-on=true]{opacity:1}.work-list{position:absolute;top:0;left:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.work-cursor{position:fixed;left:0;top:0;z-index:6;display:grid;place-items:center;width:78px;height:78px;margin:-39px 0 0 -39px;border:1px solid #d2a567;border-radius:50%;background:#0a141566;color:#f5f2eb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font:500 10.5px/1 DM Sans,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;pointer-events:none;opacity:0;transform:scale(.35);transition:opacity .3s ease-out,transform .5s cubic-bezier(.16,1,.3,1)}.work-cursor[data-on=true]{opacity:1;transform:scale(1)}html.work-hover,html.work-hover body{cursor:none}body[data-work=on] .library-toggle{visibility:hidden}body[data-work=on] main.profile{z-index:4}body[data-work=on] .profile-explore{isolation:isolate}body[data-work=on] .profile-explore:before{content:"";position:absolute;z-index:-1;inset:-22px -44px;border-radius:50%;background:radial-gradient(closest-side,#05090af2,#05090ab8 58%,#05090a00)}@media(max-width:699px){.work-filter-full{display:none}.work-filter-brief{display:inline}.work-filters{justify-content:center;gap:clamp(12px,5vw,26px);padding:0}}@media(max-width:599px)and (min-height:501px){.work-head{top:max(6vh,calc(76px + env(safe-area-inset-top,0px)))}}@media(pointer:coarse){.work-filter{min-width:34px;min-height:44px;padding:0 0 6px}.work-filter:after{display:none}.work-cta-link{min-height:44px}}@media(max-height:500px){.work-head{top:max(8px,env(safe-area-inset-top,0px));gap:4px}.work-title{font-size:30px}.work-cta{gap:8px}.work-cta>p:first-child{font-size:28px}}@media(max-height:500px)and (min-width:500px){.work-title{max-width:calc(100% - 256px)}}@media(max-height:500px)and (max-width:499px){.work-head{top:calc(76px + env(safe-area-inset-top,0px))}.work-title{font-size:26px}}@media(hover:none){.work-cursor{display:none}}@media(prefers-reduced-motion:reduce){.work-head,.work-filter,.work-cursor,.work-cta-link{transition:none}}.work-sheet{position:fixed;inset:0;z-index:40;width:100%;height:100%;border:0;background:#3d5957;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility 0s linear .35s}.work-sheet[data-open]{opacity:1;visibility:visible;transition-delay:0s}@media(prefers-reduced-motion:reduce){.work-sheet{transition:none}}@media(max-width:600px)and (min-height:501px){.work-head{top:calc(76px + env(safe-area-inset-top,0px))}}.work-clients{--client-slot: 200px;position:absolute;top:0;display:grid;justify-items:center;gap:22px;min-width:0;color:#efe7db;text-align:center;will-change:transform;visibility:hidden}.work-clients-kicker{margin:0;color:#dcbb94;font:500 11px/1 DM Sans,system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase}.work-clients-window{width:min(100%,1160px);min-width:0;overflow:hidden;pointer-events:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6%,#000 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.work-clients-window:focus-visible{outline:2px solid #dcbb94;outline-offset:5px}.work-clients-track{display:flex;width:max-content;animation:work-clients-drift 44s linear infinite paused}.work-clients-set{display:flex;flex:0 0 auto;align-items:center;margin:0;padding:12px 0;list-style:none}.work-client{box-sizing:border-box;display:flex;flex:0 0 var(--client-slot);align-items:center;justify-content:center;width:var(--client-slot);height:120px;padding:0 18px;opacity:.85}.work-client img{display:block;flex:0 0 auto;width:var(--logo-width);height:var(--logo-height);max-width:100%;object-fit:contain;-webkit-user-select:none;user-select:none;filter:grayscale(1)}.work-client img.work-client-white{filter:brightness(0) invert(1)}.work-client img.work-client-community{clip-path:polygon(0 50%,9% 50%,17% 54%,16% 39%,19% 17%,23% 15%,41% 27%,68% 27%,78% 15%,82% 17%,84% 39%,84% 62%,87% 88%,97% 100%,0 100%)}.work-client span{font:500 18px/1.15 Cormorant Garamond,Georgia,serif}.work-client--named{gap:10px}.work-client--named span{max-width:75px;text-align:left;font:500 15px/1.2 DM Sans,system-ui,sans-serif}.work-clients[data-moving=true] .work-clients-track{animation-play-state:running}.work-clients:focus-within .work-clients-track,.work-clients[data-document-hidden] .work-clients-track{animation-play-state:paused}@keyframes work-clients-drift{to{transform:translate3d(-50%,0,0)}}@media(hover:hover){.work-clients-window:hover .work-clients-track{animation-play-state:paused}}@media(max-width:759px){.work-clients{--client-slot: 170px;gap:18px}.work-clients-set{padding-block:4px}.work-client{padding-inline:12px}.work-clients-track{animation-duration:40s}}@media(prefers-reduced-motion:reduce){.work-clients-window{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#dcbb9466 transparent}.work-clients-track{animation:none}.work-clients-set[aria-hidden=true]{display:none}}.work-entry{z-index:8;background:#080e0f;opacity:1;transition:opacity .22s ease}.work-entry[data-leaving]{opacity:0;pointer-events:none}.work-entry:before{z-index:1;background:linear-gradient(#0b1718 65%,#0b171800)}.work-entry .work-head{z-index:2}.work-entry-cards{position:absolute;inset:0;margin:0;padding:0;list-style:none;clip-path:inset(var(--work-fold) 0 0);pointer-events:none}.work-entry-cards li{position:absolute;animation:work-entry-in .22s ease both}.work-entry-cards a{display:block;color:inherit;text-decoration:none;pointer-events:auto}.work-entry-cards a:focus-visible{outline:2px solid #dfaf78;outline-offset:4px}.work-entry-cards img{display:block;width:100%;object-fit:cover;background:#203032}.work-entry-caption{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:10px 16px;background:#0c1618}.work-entry-caption strong{font:500 clamp(19px,2.2vw,32px)/1.15 "Cormorant Garamond",Georgia,serif}.work-entry-caption span{color:#adb5b3;font-size:13px}.work-entry-caption :is(strong,span){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}body[data-work-entry=on] :is(#poster,.profile,.motion-control,.sound-control,.library-toggle,#work,.work-cursor){visibility:hidden}html[data-entry=work] #scene{transition:none}[data-fallback=on] .work-entry{display:none}@keyframes work-entry-in{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){.work-entry,.work-entry-cards li{animation:none;transition:none}}
