:root{background:#000;color:#f6efe6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0;background:#000}.site-shell{position:relative;min-height:100vh;overflow:hidden;isolation:isolate}.void-scene{position:fixed;inset:0;z-index:-2;display:block;width:100vw;height:100vh;background:#000;filter:grayscale(1) contrast(1.22) brightness(1.08);touch-action:none;transition:filter .9s ease}.void-scene--filter-lifted{filter:grayscale(0) contrast(1) brightness(1)}.site-header{position:fixed;top:0;left:0;z-index:5;display:flex;justify-content:center;width:100%;padding:clamp(1rem,2.2vw,2rem);pointer-events:none}.wordmark{pointer-events:auto;color:#f6efe6;font-size:clamp(1rem,1.45vw,1.25rem);font-weight:800;line-height:1;letter-spacing:0;text-decoration:none}.hero{display:grid;min-height:34vh;padding:5.25rem clamp(1rem,4vw,4rem) 0;place-items:end center;text-align:left}.hero h1{display:grid;gap:.12em;width:min(1600px,calc(100% - 4rem));margin:0;color:#fff8ef;font-size:clamp(2.25rem,4.9vw,5.6rem);font-weight:900;line-height:.9;letter-spacing:0;text-shadow:0 1.2rem 3.2rem rgb(0 0 0 / .55)}.hero h1 span{display:block;white-space:nowrap}.hero em{color:transparent;font-style:normal;background:radial-gradient(circle at 16% 40%,#ffffff 0 12%,transparent 28%),linear-gradient(105deg,#ff224f,#ffb000 26%,#00f5a0 54%,#00c7ff 78%,#8c52ff);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 0 .16em rgb(255 34 79 / .48)) drop-shadow(0 0 .28em rgb(0 245 160 / .36)) drop-shadow(0 0 .36em rgb(0 199 255 / .26));text-decoration-line:underline;text-decoration-color:#00f5a0d1;text-decoration-thickness:.07em;text-underline-offset:.1em}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.6rem);width:min(1180px,calc(100% - 2rem));margin:2rem auto clamp(2rem,5vw,4rem)}.project-card{--project-rgb: 255 128 0;position:relative;display:grid;grid-template-rows:1fr auto;min-height:clamp(15rem,22vw,19rem);padding:clamp(1rem,2vw,1.5rem);overflow:hidden;color:#fff8ef;text-align:left;cursor:pointer;background:linear-gradient(135deg,rgb(var(--project-rgb) / .2),rgb(var(--project-rgb) / .06)),#080705b8;border:1px solid rgb(var(--project-rgb) / .46);border-radius:4px;box-shadow:inset 0 0 0 1px #ffffff0a,0 1.25rem 3.25rem #0000005c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.project-card:nth-child(2){transform:translateY(clamp(8rem,15vw,13rem))}.project-card:before{position:absolute;inset:0;z-index:0;content:"";background:linear-gradient(rgb(255 255 255 / .09) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .09) 1px,transparent 1px),radial-gradient(circle at 78% 22%,rgb(var(--project-rgb) / .38),transparent 7rem);background-size:100% 100%,100% 100%,auto;transition:filter .18s ease,transform .18s ease,opacity .18s ease}.project-card>*{position:relative;z-index:1}.project-card__number{position:absolute;bottom:clamp(1rem,2vw,1.5rem);left:clamp(1rem,2vw,1.5rem);color:#fff8ef94;font-size:.8rem;font-weight:800;line-height:1}.project-card__title{position:relative;align-self:end;padding-bottom:1.2rem;min-height:1.25em;font-size:clamp(1.1rem,1.8vw,1.45rem);font-weight:850;line-height:1.1}.project-card__title-hover,.project-card__summary{position:absolute;opacity:0}.project-card__title-hover{inset:0 auto auto 0}.project-card__summary{inset:36% clamp(1rem,2vw,1.5rem) auto clamp(1rem,2vw,1.5rem);color:#fff8efe0;font-size:clamp(.95rem,1.25vw,1.04rem);font-weight:650;line-height:1.35;transform:translateY(.5rem);transition:opacity .18s ease,transform .18s ease}.project-card:hover:before,.project-card:focus-visible:before{filter:blur(8px);opacity:.46;transform:scale(1.05)}.project-card:hover .project-card__title-base,.project-card:focus-visible .project-card__title-base{opacity:0}.project-card:hover .project-card__title-hover,.project-card:focus-visible .project-card__title-hover,.project-card:hover .project-card__summary,.project-card:focus-visible .project-card__summary{opacity:1;transform:translateY(0)}.project-card:focus-visible{outline:2px solid #fff8ef;outline-offset:4px}.project-detail{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:1rem}.project-detail__backdrop{position:absolute;inset:0;cursor:pointer;background:#0000009e;border:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-detail__panel{position:relative;width:min(42rem,100%);padding:clamp(1.4rem,3vw,2.4rem);color:#fff8ef;background:#090806eb;border:1px solid rgb(255 238 210 / .34);border-radius:6px;box-shadow:0 2rem 5rem #00000080}.project-detail__close{position:absolute;top:1rem;right:1rem;color:#fff8ef;font:inherit;font-size:.82rem;font-weight:800;cursor:pointer;background:transparent;border:0}.project-detail__meta{margin:0 0 1.25rem;color:#fff8ef8f;font-size:.85rem;font-weight:800}.project-detail h2{margin:0 0 1rem;font-size:clamp(2rem,5vw,4.4rem);line-height:.92;letter-spacing:0}.project-detail p:last-child{max-width:56ch;margin:0;color:#fff8efd1;font-size:1.02rem;line-height:1.65}@media(max-width:640px){.site-shell{overflow-y:auto}.hero{min-height:42vh;padding-top:5.5rem}.hero h1{font-size:clamp(2.35rem,13vw,4.2rem);text-wrap:balance}.hero h1 span{white-space:normal}.project-grid{grid-template-columns:1fr;width:min(26rem,calc(100% - 2rem))}.project-card:nth-child(2){transform:none}}