.project-drawer-list{display:grid;gap:var(--space-3)}.project-card{border:1px solid var(--gray-200);border-radius:var(--content-frame-radius);overflow:hidden;margin-bottom:0;background:var(--white);display:block;text-decoration:none;color:inherit;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;width:100%;padding:0;text-align:left;cursor:pointer}.project-card:hover{border-color:var(--gray-300);box-shadow:0 18px 42px #0f172a14;transform:translateY(-1px)}.project-card:focus-visible{outline:3px solid rgb(37 99 235 / 45%);outline-offset:2px}.project-card__image{display:block;width:100%;aspect-ratio:45 / 23;height:auto;-o-object-fit:contain;object-fit:contain;-o-object-position:top center;object-position:top center;border:1px solid rgb(226 232 240 / .8);border-radius:var(--content-frame-radius);background:#fff}.project-card__image--none{display:block;width:100%;aspect-ratio:45 / 23;background:linear-gradient(180deg,#f8fafc,#eef2f7);border:1px solid rgb(226 232 240 / .8);border-radius:var(--content-frame-radius)}.project-card__content{padding:2rem 2rem 1.5rem}.project-card__media{padding:0 2rem 1.5rem}.project-card__header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.5rem;align-items:start}.project-card__intro{display:grid;gap:1rem}.project-card__title{margin:0;font-size:30px;line-height:.95;letter-spacing:-.05em;max-width:100%}.project-card__tags{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.75rem}.project-card__cta{display:inline-flex;align-items:flex-start;gap:.55rem;color:#475569;font-size:16px;font-weight:500;line-height:1.2;padding-top:.25rem}.project-card__cta-label{max-width:4ch}.project-card__cta-icon{font-size:18px;line-height:1.1;transform:translateY(-1px)}.project-card__tags li,.project-drawer__tags li{--tw-bg-opacity: 1;--tw-text-opacity: 1;font-size:14px;line-height:20px;font-weight:500;border-radius:999px;padding:4px 10px;background:rgb(191 219 254 / var(--tw-bg-opacity, 1));color:rgb(29 78 216 / var(--tw-text-opacity, 1))}@media(max-width:899px){.project-card{border-radius:var(--content-frame-radius)}.project-card__content{padding:1.25rem 1.25rem 1rem}.project-card__media{padding:0 1.25rem 1rem}.project-card__header{grid-template-columns:minmax(0,1fr) minmax(4.75rem,6.5rem);gap:1rem}.project-card__title{max-width:none;font-size:30px}.project-card__intro{display:contents}.project-card__title{grid-column:1;grid-row:1}.project-card__cta{width:100%;display:grid;grid-template-columns:minmax(0,4.9ch) auto;grid-column:2;grid-row:1;justify-self:end;align-self:start;justify-content:end;align-items:start;font-size:16px;gap:.65rem;padding-top:0}.project-card__cta-label{min-width:0;max-width:4.9ch;white-space:normal;line-height:1.05;text-align:right}.project-card__tags{grid-column:1 / -1;grid-row:2}}.project-card__tags li:nth-child(3n+2),.project-drawer__tags li:nth-child(3n+2){background:rgb(255 237 213 / var(--tw-bg-opacity, 1));color:rgb(194 65 12 / var(--tw-text-opacity, 1))}.project-card__tags li:nth-child(3n),.project-drawer__tags li:nth-child(3n){background:rgb(254 226 226 / var(--tw-bg-opacity, 1));color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.project-drawer__overlay{position:fixed;inset:0;background:#0f172a7a;z-index:260}.project-drawer__content{--project-drawer-top-radius: clamp(40px, 9vw, 72px);--project-drawer-inner-radius: clamp(28px, 6vw, 48px);--project-drawer-surface: #fff;--project-drawer-border: rgb(226 232 240 / 1);--project-drawer-text-soft: #5a6473;--project-drawer-button-bg: #161b26;--project-drawer-button-bg-hover: #0f1724;position:fixed;left:0;right:0;bottom:0;max-height:90vh;box-sizing:border-box;display:flex;flex-direction:column;background:var(--project-drawer-surface);border-start-start-radius:var(--project-drawer-top-radius);border-start-end-radius:var(--project-drawer-top-radius);border-top-left-radius:var(--project-drawer-top-radius);border-top-right-radius:var(--project-drawer-top-radius);border:1px solid var(--project-drawer-border);border-bottom:none;z-index:270;overflow:hidden}.project-drawer__top-bar{position:relative;z-index:5;display:flex;justify-content:center;padding:var(--space-3) clamp(1rem,2.6vw,2rem) var(--space-2)}.project-drawer__handle{width:52px;height:5px;border-radius:999px;background:var(--gray-200);margin:0 auto}.project-drawer__body{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.project-drawer__body-inner{padding:var(--space-3) clamp(1rem,2.6vw,2rem) calc(var(--space-5) + 24px + env(safe-area-inset-bottom,0px))}.project-drawer__close-row{position:absolute;top:1.5rem;right:1.5rem;z-index:4;display:flex;pointer-events:none}.project-drawer__close{position:relative;width:44px;height:44px;border:none;border-radius:999px;background:#e7e9eee0;color:#4b5563;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(8px);box-shadow:0 10px 24px #0f172a1a;transition:transform .14s ease,background-color .14s ease,color .14s ease;pointer-events:auto}.project-drawer__close:hover{background:#dbdfe7f5;color:#111827}.project-drawer__close:active{transform:scale(.97)}.project-drawer__close:focus-visible{outline:3px solid rgb(37 99 235 / 45%);outline-offset:2px}.project-drawer__close svg{width:24px;height:24px}.project-drawer__article{max-width:980px;margin:0 auto;padding-top:clamp(2rem,4vw,3.75rem)}.project-drawer__header{display:grid;gap:clamp(1.25rem,2vw,2rem)}.project-drawer__title{margin:0;font-size:clamp(2.4rem,3.8vw,3.55rem);line-height:.98;letter-spacing:-.04em;max-width:12ch}.project-drawer__meta-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.85fr);gap:clamp(1.5rem,4vw,5rem);align-items:start}.project-drawer__meta-section{display:grid;gap:1rem}.project-drawer__meta-section--tech{align-content:start}.project-drawer__meta-heading{margin:0;font-size:clamp(1.1rem,1.6vw,1.4rem);line-height:1.2;font-weight:500;color:var(--project-drawer-text-soft)}.project-drawer__summary{margin:0;font-family:var(--font-family-serif);font-size:1rem;line-height:1.75;color:#4b5563;white-space:pre-line;max-width:100%}.project-drawer__tags{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.6rem}.project-drawer__empty{margin:0;font-size:var(--font-size-2);color:var(--gray-600)}.project-drawer__media{margin-top:clamp(1.75rem,3vw,3rem);border-radius:20px;overflow:hidden;background:var(--white);border:1px solid var(--project-drawer-border);box-shadow:0 24px 56px #0f172a0f}.project-drawer__image{width:100%;height:auto;display:block;-o-object-fit:contain;object-fit:contain;-o-object-position:top center;object-position:top center}.project-drawer__actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.project-drawer__button{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;background:var(--project-drawer-button-bg);color:var(--white);border-radius:12px;padding:.9rem 1.1rem;font-weight:700;font-size:var(--font-size-1);line-height:1;box-shadow:0 14px 34px #0f172a1f;transition:transform .14s ease,background-color .14s ease,box-shadow .14s ease}.project-drawer__button:hover{background:var(--project-drawer-button-bg-hover);transform:translateY(-1px);box-shadow:0 18px 38px #0f172a29}.project-drawer__button:focus-visible{outline:3px solid rgb(37 99 235 / 40%);outline-offset:2px}.project-drawer__button-icon{display:inline-flex;align-items:center;justify-content:center;font-size:1rem;transform:translateY(-1px)}@media(min-width:900px){.project-drawer__title{font-size:30px;max-width:50%}.project-drawer__content{left:0;right:0;height:calc(90vh - 10px);max-width:none;max-height:calc(90vh - 10px);transform:none;border-start-start-radius:var(--project-drawer-top-radius);border-start-end-radius:var(--project-drawer-top-radius);border-top-left-radius:var(--project-drawer-top-radius);border-top-right-radius:var(--project-drawer-top-radius);border-bottom-left-radius:0;border-bottom-right-radius:0}.project-drawer__body-inner{padding-right:calc(clamp(1rem,2.6vw,2rem) + 8px)}}@media(max-width:899px){.project-drawer__top-bar{padding:.85rem 1rem .45rem}.project-drawer__content{height:80vh;height:80dvh;max-height:80vh;max-height:80dvh}.project-drawer__body-inner{padding-top:0}.project-drawer__article{padding-top:.75rem}.project-drawer__close-row{top:1rem;right:1rem}.project-drawer__title{max-width:calc(100% - 3.75rem);font-size:clamp(2.1rem,8vw,2.9rem);overflow-wrap:anywhere;word-break:normal}.project-drawer__meta-grid{grid-template-columns:1fr;gap:1.5rem}.project-drawer__summary{max-width:none}.project-drawer__media{border-radius:16px}}