.chronos-adventure{--paper: #e8e2ca;--ink: #000000;--gold: #e8c468;--pink: #e879a2;--cyan: #77d5cf;position:fixed;inset:0;min-width:0;min-height:0;overflow:hidden;color:var(--paper);background:linear-gradient(135deg,#000,#0b0b0b 54%,#111);font-family:Inter,ui-sans-serif,system-ui,sans-serif;isolation:isolate}.chronos-adventure,.chronos-adventure *,.chronos-adventure *:before,.chronos-adventure *:after{box-sizing:border-box}.chronos-adventure:before{content:"";position:absolute;inset:-20%;z-index:-2;background:radial-gradient(circle,rgba(232,226,202,.08) 0 1px,transparent 1px 10px);opacity:.22;animation:chronos-sky-turn 110s linear infinite}.chronos-adventure:after{content:"";display:none}.chronos-showcase{position:relative;width:100vw;height:100vh;min-height:0;display:grid;align-items:start;align-content:start;gap:1rem;padding:clamp(5rem,10vh,7rem) clamp(1.25rem,4vw,3.5rem) clamp(1.5rem,4vh,3rem);overflow:auto}.chronos-showcase[hidden],.chronos-stage[hidden]{display:none}@keyframes chronos-sky-turn{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:760px){.chronos-adventure{cursor:auto;overflow-x:hidden;overflow-y:auto}.chronos-showcase{min-height:100svh;height:auto;padding:5.7rem 1rem 1.4rem}}@media(prefers-reduced-motion:reduce){.chronos-adventure:before{animation:none!important}}.chronos-stage{position:absolute;inset:0;overflow:hidden}.chronos-stage:before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse 48% 48% at var(--light-x, 50%) var(--light-y, 48%),rgba(232,196,104,.055) 0%,transparent 68%);pointer-events:none}.chronos-starfield{position:absolute;inset:0;z-index:0;pointer-events:none}.chronos-starfield span{position:absolute;width:1.5px;height:1.5px;background:#e8e2ca8c;animation:chronos-star-twinkle 4s ease-in-out infinite alternate}@keyframes chronos-star-twinkle{0%{opacity:.18;transform:scale(1)}to{opacity:.9;transform:scale(1.4)}}.chronos-head{position:absolute;inset:0;z-index:2;pointer-events:none;will-change:transform;--chronos-head-w: clamp(7.5rem, 18vw, 15rem)}.chronos-body-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--chronos-head-w)}.chronos-body{width:100%;height:auto;object-fit:contain;user-select:none;will-change:transform;display:block}.chronos-eye{position:absolute;user-select:none;will-change:transform}.chronos-eye-left{bottom:52%;left:calc(45% - var(--chronos-head-w) * .23);width:calc(var(--chronos-head-w) * .43);height:auto}.chronos-eye-right{bottom:52%;left:calc(51% + var(--chronos-head-w) * .0367);width:calc(var(--chronos-head-w) * .43);height:auto}.chronos-text{position:absolute;z-index:4;top:clamp(5rem,12vh,9rem);left:clamp(1.5rem,5vw,5rem);max-width:min(28rem,calc(100vw - 3rem));pointer-events:none}.chronos-text h1{margin:0 0 .75rem;color:#fff8d4;font-family:AdvercaseFont,Inter,sans-serif;font-size:clamp(1.5rem,3.2vw,2.8rem);font-weight:400;line-height:.96;letter-spacing:0}.chronos-text p{margin:0;color:#e8e2cac7;font-family:Lora,Georgia,serif;font-size:clamp(.82rem,1.1vw,.92rem);line-height:1.68}.chronos-links{list-style:none;padding:0;margin:1.1rem 0 0;display:flex;flex-wrap:wrap;gap:.5rem}.chronos-links a{display:inline-flex;align-items:center;gap:.3rem;padding:.52rem .9rem;color:#131409;background:var(--gold, #e8c468);font-family:Inter,sans-serif;font-size:.68rem;font-weight:900;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;pointer-events:auto;transition:background .18s ease,transform .18s ease}.chronos-links a:hover{background:#f5d97a;transform:translateY(-1px)}.chronos-choices{position:absolute;inset:0;z-index:5;pointer-events:none}.chronos-choice{position:absolute;pointer-events:auto;padding:.62rem .95rem;background:linear-gradient(135deg,oklch(55% .18 var(--choice-hue, 220) / .18),oklch(30% .1 var(--choice-hue, 220) / .1) 20%);border:1px solid oklch(75% .2 var(--choice-hue, 220) / .45);color:oklch(96% .06 var(--choice-hue, 220));font-family:Inter,ui-sans-serif,sans-serif;font-size:clamp(.65rem,.9vw,.74rem);font-weight:700;letter-spacing:.08em;line-height:1.3;text-align:center;text-transform:uppercase;text-wrap:balance;text-shadow:0 0 14px oklch(80% .22 var(--choice-hue, 220) / .55);backdrop-filter:blur(12px) saturate(1.4);transition:box-shadow .18s ease,background .18s ease,border-color .18s ease;will-change:transform}.chronos-choice:hover{background:linear-gradient(135deg,oklch(62% .22 var(--choice-hue, 220) / .28),oklch(38% .14 var(--choice-hue, 220) / .18) 40%);border-color:oklch(80% .24 var(--choice-hue, 220) / .65);box-shadow:0 0 36px oklch(65% .26 var(--choice-hue, 220) / .32),0 8px 28px #00000061,inset 0 1px oklch(85% .14 var(--choice-hue, 220) / .45),inset 0 0 22px oklch(65% .2 var(--choice-hue, 220) / .14)}@media(max-width:760px){.chronos-text{bottom:unset;top:5rem;left:1.25rem;right:1.25rem;max-width:none}.chronos-text h1{font-size:clamp(1.35rem,6vw,2.2rem)}.chronos-head{--chronos-head-w: clamp(6rem, 32vw, 11rem)}.chronos-eye-left,.chronos-eye-right{bottom:51%}.chronos-choices{inset:auto 0 0;display:flex;flex-direction:column;gap:.5rem;padding:0 1rem calc(.75rem + env(safe-area-inset-bottom,0px))}.chronos-choice{position:static!important;transform:none!important;filter:none!important;width:100%;max-width:none!important;margin:0;font-size:.62rem;padding:.55rem .8rem}}@media(prefers-reduced-motion:reduce){.chronos-starfield span{animation:none!important}}.particle-image-wrap{position:relative;width:140px;height:105px;margin:1rem 0 .5rem;pointer-events:none}.particle-image{position:absolute;width:420px;height:315px;left:50%;top:50%;transform:translate(-50%,-50%);cursor:crosshair;pointer-events:auto;background:transparent}@media(max-width:760px){.particle-image-wrap{width:110px;height:82px}.particle-image{width:330px;height:246px}}.chronos-projects{grid-template-columns:1fr;grid-template-rows:auto 1fr}.chronos-showcase-copy{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.6rem 1.6rem}.chronos-showcase-copy h2{color:#fff8d4;font-size:clamp(1.2rem,3.1vw,2.2rem);font-weight:400;line-height:1}.chronos-showcase-copy p:last-child{margin:0;flex-basis:100%;color:#e8e2ca85;font-size:.78rem;letter-spacing:.04em}.chronos-toolbar{display:flex;align-items:center;gap:.6rem;margin-left:auto}.chronos-search{position:relative;display:flex;align-items:center}.chronos-search svg{position:absolute;left:.7rem;width:.85rem;height:.85rem;color:#e8e2ca66;pointer-events:none;transition:color .2s ease}.chronos-search:focus-within svg{color:#e8c468d9}.chronos-search input{width:12rem;max-width:40vw;padding:.5rem .8rem .5rem 2.1rem;background:#e8e2ca0a;border:1px solid rgba(232,226,202,.14);color:var(--paper, #e8e2ca);font-family:Inter,ui-sans-serif,sans-serif;font-size:.76rem;letter-spacing:.02em;backdrop-filter:blur(10px);transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.chronos-search input::placeholder{color:#e8e2ca5c}.chronos-search input:focus{outline:none;border-color:#e8c46880;background:#e8c4680f;box-shadow:0 0 0 3px #e8c4681f}.chronos-filter{position:relative;display:flex}.chronos-filter:after{content:"";position:absolute;right:.85rem;top:50%;width:.36rem;height:.36rem;border-right:1px solid rgba(232,226,202,.55);border-bottom:1px solid rgba(232,226,202,.55);transform:translateY(-65%) rotate(45deg);pointer-events:none;transition:border-color .2s ease}.chronos-filter:focus-within:after{border-color:#77d5cfd9}.chronos-filter select{appearance:none;padding:.5rem 1.9rem .5rem .9rem;background:#e8e2ca0a;border:1px solid rgba(232,226,202,.14);color:var(--paper, #e8e2ca);font-family:Inter,ui-sans-serif,sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;backdrop-filter:blur(10px);cursor:pointer;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.chronos-filter select:focus{outline:none;border-color:#77d5cf80;background:#77d5cf0f;box-shadow:0 0 0 3px #77d5cf1f}.chronos-filter select option{background:#0c0e16;color:var(--paper, #e8e2ca)}.chronos-bento{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));grid-auto-flow:dense;gap:.75rem;align-items:start}.chronos-project{position:relative;display:flex;flex-direction:column;min-height:14rem;border:1px solid rgba(232,226,202,.09);background:#0c0e16b8;overflow:hidden;text-decoration:none;transition:border-color .26s ease,box-shadow .26s ease;cursor:pointer}.chronos-project.is-featured{grid-column:span 2;grid-row:span 2;min-height:22rem}.chronos-project:hover{border-color:#e8e2ca38;box-shadow:0 12px 40px #00000075}.chronos-project-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(.5) brightness(.55) contrast(1.08);transition:filter .32s ease,transform .32s ease}.chronos-project:hover .chronos-project-bg{filter:saturate(.72) brightness(.6) contrast(1.05);transform:scale(1.025)}.chronos-project:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(175deg,#06070c2e,#06070c94 52%,#06070ce6);pointer-events:none}.chronos-project-content{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;padding:1rem 1.1rem;gap:.1rem}.chronos-project-title{margin:0;color:#fff8d4;font-family:AdvercaseFont,Inter,sans-serif;font-size:clamp(1rem,2vw,1.45rem);font-weight:400;line-height:1;letter-spacing:0}.is-featured .chronos-project-title{font-size:clamp(1.3rem,3vw,2.2rem)}.chronos-project-meta{display:flex;flex-direction:column;gap:.55rem;overflow:hidden;max-height:0;opacity:0;transition:max-height .32s ease,opacity .28s ease}.chronos-project:hover .chronos-project-meta,.chronos-project:focus-visible .chronos-project-meta{max-height:8rem;opacity:1}.chronos-project-description{margin:0;color:#e8e2cacc;font-family:Lora,Georgia,serif;font-size:.76rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.chronos-project-tags{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center}.chronos-project-tag,.chronos-project-status{padding:.24rem .48rem;font-size:.56rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.chronos-project-status{color:#e8c468e6;border:1px solid rgba(232,196,104,.2);background:#e8c4680f}.chronos-project-tag{color:#77d5cfd9;border:1px solid rgba(119,213,207,.16);background:#77d5cf0a}@media(max-width:980px){.chronos-project.is-featured{grid-column:span 2;grid-row:span 1;min-height:16rem}}@media(max-width:760px){.chronos-toolbar{width:100%;margin-left:0}.chronos-search{flex:1}.chronos-search input{width:100%;max-width:none}.chronos-bento{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.1rem}.chronos-project.is-featured{grid-column:span 2}.chronos-project{min-height:11rem}.chronos-project-meta{max-height:none;opacity:1}.chronos-project-description{-webkit-line-clamp:2}}@media(max-width:480px){.chronos-bento{grid-template-columns:1fr}.chronos-project.is-featured{grid-column:span 1}}.chronos-about{grid-template-columns:1fr minmax(auto,18rem);gap:2.5rem;align-items:start}.chronos-about-content h2{margin:0 0 1.5rem;color:#fff8d4;font-family:AdvercaseFont,Inter,sans-serif;font-size:clamp(1.6rem,3.4vw,2.8rem);font-weight:400;line-height:1}.chronos-about-body{display:flex;flex-direction:column;gap:0;max-width:42rem}.chronos-about-body p{margin:0 0 1.1rem;color:#e8e2cac7;font-family:Lora,Georgia,serif;font-size:clamp(.88rem,1.15vw,.96rem);line-height:1.68}.chronos-about-body code{padding:.14em .32em;border:1px solid rgba(232,226,202,.1);background:#ffffff0a;font-size:.84em}.chronos-about-cta{display:inline-flex;align-items:center;gap:.4rem;margin-top:.4rem;padding:.7rem 1.25rem;appearance:none;border:none;background:var(--paper, #e8c468);color:#131409;font-family:Inter,sans-serif;font-size:.7rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .18s ease,transform .18s ease}.chronos-about-cta:hover{background:#f5d97a;transform:translateY(-1px)}@media(max-width:840px){.chronos-about{grid-template-columns:1fr}}