.project-drawer{position:fixed;inset:0;z-index:120;pointer-events:none}.project-drawer[data-open=true]{pointer-events:auto}.project-drawer-backdrop{position:absolute;inset:0;background:rgba(10,10,15,.6);opacity:0;transition:opacity .4s ease}.project-drawer[data-open=true] .project-drawer-backdrop{opacity:1}.project-drawer-panel{position:absolute;top:0;right:0;width:min(560px,100%);height:100%;overflow-y:auto;overscroll-behavior:contain;background:var(--base-400);color:var(--base-100);transform:translateX(100%);transition:transform .6s cubic-bezier(.22,1,.36,1)}.project-drawer[data-open=true] .project-drawer-panel{transform:translateX(0)}.project-drawer-header{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2rem;background:var(--base-400)}.project-drawer-body h3,.project-drawer-eyebrow{margin:0;text-transform:uppercase;font-family:Geist Mono;font-size:.8rem;font-weight:500;letter-spacing:.1rem;color:var(--base-300)}.project-drawer-close{display:flex;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;border:1px solid rgba(244,243,247,.2);border-radius:100%;background:transparent;color:var(--base-100);cursor:pointer;transition:background .2s ease,color .2s ease}.project-drawer-close:hover{background:var(--base-100);color:var(--base-400)}.project-drawer-close:focus-visible,.project-drawer-link:focus-visible{outline:2px solid var(--base-500);outline-offset:3px}.project-drawer-cover{aspect-ratio:16/10;overflow:hidden}.project-drawer-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.project-drawer-body{display:flex;flex-direction:column;gap:2.5rem;padding:2rem 2rem 4rem}.project-drawer-body h2{margin:0;text-transform:uppercase;font-family:Big Shoulders Display;font-size:3rem;font-weight:900;line-height:1;color:var(--base-100)}.project-drawer-subtitle{margin:-1.75rem 0 0;font-family:PP Neue Montreal;font-size:1.15rem;color:var(--base-200)}.project-drawer-body section{display:flex;flex-direction:column;gap:.85rem;padding-top:1.25rem;border-top:1px solid rgba(244,243,247,.12)}.project-drawer-body section p,.project-drawer-highlights li{margin:0;font-family:PP Neue Montreal;font-size:1rem;line-height:1.5;color:var(--base-200)}.project-drawer-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}.project-drawer-tags li{padding:.4rem .8rem;border:1px solid rgba(244,243,247,.2);border-radius:2rem;font-family:Geist Mono;font-size:.8rem;color:var(--base-100)}.project-drawer-highlights{display:flex;flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none}.project-drawer-highlights li{position:relative;padding-left:1.25rem}.project-drawer-highlights li:before{content:"";position:absolute;top:.6em;left:0;width:.4rem;height:.4rem;border-radius:100%;background:var(--base-500)}.project-drawer-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem .75rem;margin:0;padding:0;list-style:none}.project-drawer-gallery button{display:flex;flex-direction:column;gap:.5rem;width:100%;padding:0;border:0;background:none;color:var(--base-200);text-align:left;cursor:zoom-in}.project-drawer-gallery img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top center;border:1px solid rgba(244,243,247,.12);border-radius:.25rem;transition:border-color .2s ease,opacity .2s ease}.project-drawer-gallery button:hover img{border-color:rgba(244,243,247,.5);opacity:.85}.project-drawer-gallery button:focus-visible{outline:2px solid var(--base-500);outline-offset:3px}.project-drawer-gallery span{font-family:Geist Mono;font-size:.75rem;text-transform:uppercase;letter-spacing:.05rem}.gallery-viewer{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;background:rgba(10,10,15,.96)}.gallery-viewer-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 2rem;border-bottom:1px solid rgba(244,243,247,.12)}.gallery-viewer-bar p{display:flex;gap:1rem;margin:0;text-transform:uppercase;font-family:Geist Mono;font-size:.8rem;letter-spacing:.1rem;color:var(--base-100)}.gallery-viewer-bar p span{color:var(--base-300)}.gallery-viewer-actions{display:flex;gap:.5rem}.gallery-viewer-actions button{display:flex;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;border:1px solid rgba(244,243,247,.2);border-radius:100%;background:transparent;color:var(--base-100);cursor:pointer;transition:background .2s ease,color .2s ease}.gallery-viewer-actions button:hover{background:var(--base-100);color:var(--base-400)}.gallery-viewer-actions button:focus-visible{outline:2px solid var(--base-500);outline-offset:3px}.gallery-viewer-scroll{flex:1 1;overflow-y:auto;overscroll-behavior:contain;padding:2rem}.gallery-viewer-scroll img{display:block;width:100%;max-width:1440px;height:auto;margin:0 auto;border-radius:.25rem}.project-drawer-link{width:max-content;text-decoration:none;font-size:.9rem}.project-drawer-link,.stories .story-details-trigger{display:inline-flex;align-items:center;gap:.5rem;text-transform:uppercase;font-family:PP Pangram Sans;font-weight:900;color:var(--base-100)}.stories .story-details-trigger{margin:0 0 2rem;padding:.6rem 1.1rem;border:1px solid rgba(244,243,247,.5);border-radius:2rem;background:rgba(10,10,15,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:.85rem;cursor:pointer;transition:background .2s ease,color .2s ease,opacity .3s ease}.stories .story-details-trigger:hover{background:var(--base-100);color:var(--base-400)}.stories .story-details-trigger:focus-visible{outline:2px solid var(--base-500);outline-offset:3px}.stories .story-details-trigger[data-visible=false]{visibility:hidden;opacity:0}@media (max-width:1000px){.project-drawer-header{padding:1rem 1.25rem}.project-drawer-body{padding:1.5rem 1.25rem 3rem}.project-drawer-body h2{font-size:2.25rem}.gallery-viewer-bar{padding:.75rem 1.25rem}.gallery-viewer-scroll{padding:1rem 0}}@media (prefers-reduced-motion:reduce){.project-drawer-backdrop,.project-drawer-panel{transition-duration:.01ms}}