:root{--bg: #000000;--bg-soft: #060608;--bg-elev: #0b0b10;--ink: #f0f0fa;--ink-soft: #f0f0fae6;--ink-muted: rgba(240, 240, 250, .55);--muted: #808080;--line: rgba(240, 240, 250, .35);--line-soft: rgba(240, 240, 250, .14);--r-sm: 4px;--r-md: 8px;--r-lg: 12px;--r-pill: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 16px;--sp-4: 24px;--sp-5: 32px;--sp-6: 48px;--sp-7: 64px;--sp-8: 96px;--container: 1280px;--paragraph: 680px;--ease: cubic-bezier(.19, 1, .22, 1);--dur-micro: .22s;--dur-small: .4s;--dur-medium: .8s;--font-display: "Archivo", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background-color:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.5;font-weight:400;letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden;position:relative}:target{scroll-margin-top:88px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}img{display:block;max-width:100%}::selection{background:var(--ink);color:#000}.display{font-family:var(--font-display);font-weight:800;letter-spacing:-1.5px;line-height:1;text-transform:uppercase}.mono{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem}.eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.28em;font-size:.72rem;color:var(--ink-muted)}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 var(--sp-4)}.section{padding:var(--sp-8) 0;position:relative}.btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:14px 28px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;color:var(--ink);border:1px solid var(--line);background:transparent;transition:background var(--dur-small) var(--ease),color var(--dur-small) var(--ease),border-color var(--dur-small) var(--ease)}.btn:hover{background:var(--ink);color:#000;border-color:var(--ink)}.btn--solid{background:#000;color:var(--ink);border-color:var(--line)}.btn--solid:hover{background:var(--ink);color:#000;border-color:var(--ink)}.btn--ghost{border-color:var(--line-soft)}.rule{height:1px;width:100%;background:var(--line-soft)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#1c1c24;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#2a2a36}@keyframes fade-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scroll-cue{0%{transform:translateY(0);opacity:0}30%{opacity:1}to{transform:translateY(18px);opacity:0}}.reveal{opacity:0}.reveal.is-visible{animation:fade-up var(--dur-medium) var(--ease) forwards}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.reveal{opacity:1}}.card{position:relative;display:flex;gap:24px;padding:32px;border-radius:0;cursor:pointer;background:transparent;border:1px solid var(--line-soft);transition:border-color var(--dur-small) var(--ease),background var(--dur-small) var(--ease)}.card:hover,.card:focus-visible{outline:none;border-color:var(--line);background:var(--bg-elev)}.card__left{display:flex;flex-direction:column;align-items:center;width:76px;flex-shrink:0}.card__logo{width:76px;height:76px;border-radius:0;object-fit:cover;background:var(--bg-elev, #0b0b10);border:1px solid var(--line-soft);margin-bottom:16px}.card__stats{text-align:center}.card__stats-num{font-size:14px;font-weight:700;color:var(--ink);letter-spacing:.5px}.card__stats-label{font-size:10px;color:var(--ink-muted);margin-top:2px;text-transform:uppercase}.card__right{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:12px;min-width:0}.card__year{display:block;font-size:.66rem;color:var(--ink-muted);letter-spacing:.1em;margin-bottom:8px}.card__title{font-size:1.4rem;font-weight:700;color:var(--ink);line-height:1.1;text-transform:uppercase}.card__desc{font-size:.92rem;line-height:1.6;color:var(--ink-muted);font-weight:400;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__btn{display:flex;justify-content:center;align-items:center;width:100%;padding:13px 0;background:transparent;border:1px solid var(--line);border-radius:0;color:var(--ink);font-size:.8rem;font-weight:600;letter-spacing:.1em;text-decoration:none;cursor:pointer;transition:background var(--dur-small) var(--ease),color var(--dur-small) var(--ease)}.card__btn:hover{background:var(--ink);color:#000}@media (max-width: 480px){.card{padding:22px;gap:16px}.card__left{width:60px}.card__logo{width:60px;height:60px}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;background:#000000d9}.modal__panel{position:relative;width:100%;max-width:960px;max-height:90vh;overflow-y:auto;border-radius:0;background:var(--bg);border:1px solid var(--line)}.modal__close{position:absolute;top:16px;right:16px;z-index:5;width:40px;height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:transparent;border:1px solid var(--line);border-radius:0;transition:background var(--dur-small) var(--ease)}.modal__close:hover{background:var(--ink)}.modal__close span{width:16px;height:1.5px;background:var(--ink);transition:background var(--dur-small) var(--ease)}.modal__close span:first-child{transform:rotate(45deg) translateY(2.25px)}.modal__close span:last-child{transform:rotate(-45deg) translateY(-2.25px)}.modal__close:hover span{background:#000}.modal__cover{position:relative;height:280px;display:flex;align-items:flex-end;padding:32px;overflow:hidden}.modal__cover-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.05) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(circle at 30% 30%,#000,transparent 75%);-webkit-mask-image:radial-gradient(circle at 30% 30%,#000,transparent 75%)}.modal__cover-meta{position:absolute;top:24px;left:24px;padding:6px 10px;background:#00000073;border:1px solid var(--line);border-radius:0;font-size:.66rem;color:var(--ink);text-transform:uppercase}.modal__cover-title{position:relative;font-size:clamp(1.8rem,4vw,2.8rem);text-shadow:0 2px 30px rgba(0,0,0,.6)}.modal__body{padding:32px}.modal__sub{color:var(--ink-muted);font-size:.72rem;margin-bottom:12px}.modal__summary{font-size:1.1rem;color:var(--ink);line-height:1.5;margin-bottom:24px}.modal__h{font-size:.72rem;color:var(--ink-muted);margin:24px 0 12px}.modal__desc{color:var(--ink-soft);line-height:1.7;margin-bottom:8px}.modal__tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px}.modal__tag{padding:6px 12px;border:1px solid var(--line-soft);border-radius:0;font-family:var(--font-mono);font-size:.66rem;color:var(--ink-soft)}.modal__actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.modal-enter-active,.modal-leave-active{transition:opacity var(--dur-small) var(--ease)}.modal-enter-active .modal__panel,.modal-leave-active .modal__panel{transition:transform var(--dur-small) var(--ease),opacity var(--dur-small) var(--ease)}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal__panel,.modal-leave-to .modal__panel{transform:translateY(24px) scale(.97);opacity:0}@media (max-width: 640px){.modal{padding:0;align-items:flex-end}.modal__panel{max-height:92vh;border-radius:0}.modal__cover{height:200px;padding:24px}.modal__body{padding:24px}}.portal{position:relative;z-index:10;min-height:100vh;overflow-x:clip}.portal__head{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:14vh 0 8vh;animation:fade-up var(--dur-medium) var(--ease) both}.portal__name{font-size:clamp(2.6rem,7vw,4.5rem);font-weight:800;letter-spacing:-2px;line-height:1}.portal__actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:12px}.work{position:relative;padding-bottom:var(--sp-8)}.work__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;align-items:start}.card-wrap{display:flex}.card-wrap>.card{width:100%}.portal__copy{position:relative;text-align:center;padding:32px 0 28px;color:var(--ink-muted);font-size:.62rem}.grid-move,.grid-enter-active,.grid-leave-active{transition:all var(--dur-small) var(--ease)}.grid-enter-from,.grid-leave-to{opacity:0;transform:translateY(20px) scale(.98)}.grid-leave-active{position:absolute}@media (max-width: 640px){.work__grid{grid-template-columns:1fr}.portal__head{padding:12vh 24px 6vh}.portal__actions{flex-direction:column;width:100%;max-width:260px}}