:root{--color-ink:#1f2528;--color-muted:#657076;--color-paper:#f4f6f5;--color-surface:#fff;--color-line:#dce2df;--color-primary:#2f7a5f;--color-primary-dark:#235d49;--color-coral:#c4513b;--color-gold:#a35f16;--shadow-soft:0 18px 45px #1f25281c;--radius:8px;--container:1120px;font-family:DM Sans,Segoe UI,sans-serif;font-weight:400;line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;min-width:320px}body{background:linear-gradient(135deg, #2f7a5f14, transparent 32rem), linear-gradient(315deg, #c4513b14, transparent 28rem), var(--color-paper);min-height:100vh;color:var(--color-ink);margin:0;font-family:DM Sans,Segoe UI,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}#root,.site-shell{min-height:100vh}.app-shell{grid-template-columns:minmax(18rem,20rem) minmax(0,1fr);display:grid}.container{width:min(100% - 2rem, var(--container));margin-inline:auto}.app-main-shell{flex-direction:column;min-width:0;min-height:100vh;display:flex}.app-overlay{display:none}.sidebar{height:100vh;color:var(--color-surface);background:radial-gradient(circle at 0 0,#ffffff24,#0000 18rem),linear-gradient(#182124 0%,#20312d 52%,#2b433d 100%);border-right:1px solid #dce2dfb3;padding:1rem;position:sticky;top:0;overflow:hidden}.sidebar-inner{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff17;border-radius:24px;grid-template-rows:auto auto minmax(0,1fr);gap:1.4rem;height:100%;padding:1.2rem;display:grid;overflow:hidden}.sidebar-brand{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.sidebar-brand-lockup{align-items:center;gap:.9rem;display:flex}.sidebar-logo{border-radius:1rem;width:4rem;height:4rem;box-shadow:0 16px 30px #0000002e}.sidebar-kicker,.sidebar-group-label{letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:700}.sidebar-kicker{color:#aee0c9}.sidebar-title{margin-top:.2rem;font-family:Fraunces,Georgia,serif;font-size:1.7rem;line-height:1}.sidebar-copy{color:#f4f6f5bf}.sidebar-nav{scrollbar-gutter:stable;align-content:start;gap:1rem;min-height:0;padding-right:.3rem;display:grid;overflow-y:auto}.sidebar-group{gap:.45rem;display:grid}.sidebar-nav::-webkit-scrollbar{width:.45rem}.sidebar-nav::-webkit-scrollbar-thumb{background:#f4f6f53d;border-radius:999px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-group-label{color:#f4f6f580}.sidebar-link,.sidebar-sublink{color:#f4f6f5e6;border:1px solid #0000;border-radius:12px;gap:.15rem;width:100%;padding:.55rem .75rem;transition:transform .18s,border-color .18s,background .18s,color .18s;display:grid}.sidebar-link small{color:#f4f6f58f}.sidebar-link:hover,.sidebar-link.active,.sidebar-sublink:hover,.sidebar-sublink.active,.sidebar-link-toggle.is-expanded{color:var(--color-surface);background:#ffffff17;border-color:#aee0c93d;transform:translateY(-1px)}.sidebar-link-toggle{cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.sidebar-link-toggle:after{content:"▾";color:#f4f6f5a6;flex-shrink:0;font-size:.9rem;line-height:1;transition:transform .18s}.sidebar-link-toggle.is-expanded:after{transform:rotate(180deg)}.sidebar-submenu{border-left:1px solid #ffffff1f;gap:.45rem;padding-left:.65rem;display:grid}.sidebar-sublink{color:#f4f6f5bf;align-items:center;gap:.7rem;padding-block:.45rem;display:flex}.sidebar-member-dot{background:var(--member-accent,var(--color-primary));border-radius:999px;flex:none;width:.7rem;height:.7rem;box-shadow:0 0 0 4px #ffffff0d}.sidebar-close,.sidebar-toggle{min-height:2.75rem;color:var(--color-primary-dark);cursor:pointer;background:#ffffffe0;border:1px solid #2f7a5f2e;border-radius:999px;padding:.7rem 1rem;font-weight:700;transition:transform .18s,background .18s,border-color .18s}.sidebar-close:hover,.sidebar-toggle:hover{border-color:#2f7a5f57;transform:translateY(-1px)}.sidebar-close,.content-topbar{display:none}.content-topbar-inner{padding-block:.85rem}.content-hero-wrap{padding:1.25rem 0 0}.content-hero-grid{box-shadow:var(--shadow-soft);background:radial-gradient(circle at 0 0,#2f7a5f21,#0000 18rem),linear-gradient(135deg,#ffffffe6,#fffbf7eb);border:1px solid #dce2dfd1;border-radius:28px;padding:1.5rem}.content-hero-title{color:var(--color-ink);font-size:clamp(2.4rem,4vw,4rem)}.content-hero-wrap .hero-copy{color:var(--color-muted)}.content-hero-grid .stat-item{border:1px solid var(--color-line);background:#fff9}.content-hero-grid .stat-item dt{color:var(--color-muted)}.content-hero-grid .stat-item dd{color:var(--color-ink)}.site-header{color:var(--color-surface);background:radial-gradient(circle at 0 0,#ffffff2e,#0000 22rem),linear-gradient(120deg,#182124,#263d38 54%,#49352e);padding:4rem 0 2.25rem}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(16rem,22rem);align-items:end;gap:2rem;display:grid}.hero-content{max-width:46rem}.eyebrow{color:var(--color-primary);letter-spacing:0;text-transform:uppercase;font-size:.78rem;font-weight:700}.site-header .eyebrow{color:#aee0c9}.hero-title{letter-spacing:0;margin-top:.45rem;font-family:Fraunces,Georgia,serif;font-size:clamp(2.4rem,5vw,5rem);line-height:.95}.hero-copy{color:#ffffffd1;max-width:42rem;margin-top:1.1rem;font-size:1.08rem}.hero-stats{grid-template-columns:repeat(3,1fr);gap:.65rem;display:grid}.stat-item{border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff2e;min-height:6.5rem;padding:1rem}.stat-item dt{color:#ffffffad;text-transform:uppercase;font-size:.76rem;font-weight:700}.stat-item dd{margin-top:.5rem;font-size:1.8rem;font-weight:700}.site-nav{z-index:10;border-bottom:1px solid var(--color-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;position:sticky;top:0}.nav-list{align-items:center;gap:.35rem;padding:.75rem 0;display:flex;overflow-x:auto}.nav-link{border-radius:var(--radius);min-height:2.5rem;color:var(--color-muted);border:1px solid #0000;flex:none;padding:.52rem .85rem;font-weight:700;text-decoration:none;transition:background .18s,border-color .18s,color .18s}.nav-link:hover,.nav-link.active{color:var(--color-primary-dark);background:#2f7a5f1c;border-color:#2f7a5f3d}.site-main{flex:1;padding:1rem 0}.site-footer{padding:0 0 2rem}.footer-inner{color:var(--color-muted);border-top:1px solid #dce2dfd1;flex-wrap:wrap;justify-content:space-between;gap:.65rem 1rem;padding-top:1rem;display:flex}.page-stack{gap:1rem;display:grid}.section-heading{gap:.35rem;display:grid}.section-heading h2,.message-panel h2,.profile-summary h2{letter-spacing:0;font-family:Fraunces,Georgia,serif;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1}.member-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;display:grid}.member-card{--member-accent:var(--color-primary);opacity:0;animation:.52s both fadeInUp;animation-delay:var(--animation-delay,0s);border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-surface);align-content:space-between;min-height:13rem;padding:1rem;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;transform:translateY(14px);box-shadow:0 10px 24px #1f25280f}.member-card:hover{border-color:var(--member-accent);box-shadow:var(--shadow-soft);transform:translateY(-4px)}.member-card-photo{display:none}.member-number{border-radius:var(--radius);background:var(--member-accent);width:2.6rem;height:2.6rem;color:var(--color-surface);place-items:center;font-weight:700;display:grid}.member-name{margin-top:2.2rem;font-size:1.25rem;font-weight:700;line-height:1.2}.member-meta{color:var(--color-muted);margin-top:.75rem;font-size:.92rem}.message-panel{opacity:0;border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-surface);gap:1.5rem;padding:1.25rem;animation:.52s both fadeInUp;display:grid;transform:translateY(14px);box-shadow:0 10px 24px #1f25280f}.message-panel-heading{gap:.35rem;display:grid}.message-output{color:var(--color-muted);opacity:1;margin-top:.35rem}.home-project-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.home-project-card{background:radial-gradient(circle at 100% 0,#2f7a5f14,#0000 10rem),linear-gradient(#fffffffa,#f4f6f5fa);border:1px solid #dce2dfeb;border-radius:18px;gap:.7rem;min-height:100%;padding:1rem;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;box-shadow:0 14px 30px #1f252814}.home-project-card:hover,.home-project-card:focus-visible{border-color:#2f7a5f4d;transform:translateY(-4px);box-shadow:0 18px 34px #1f25281f}.home-project-accent{background:var(--project-accent,var(--color-primary));border-radius:999px;width:3rem;height:.35rem}.home-project-member{letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);font-size:.82rem;font-weight:700}.home-project-card h3{font-family:Fraunces,Georgia,serif;font-size:1.25rem;line-height:1.05}.home-project-description{color:var(--color-muted);font-size:.95rem}.home-project-tech{color:var(--color-ink);font-size:.9rem;font-weight:700}.home-project-link{color:var(--color-primary-dark);margin-top:auto;font-weight:700}.button{border-radius:var(--radius);cursor:pointer;border:0;justify-content:center;align-items:center;min-height:2.75rem;font-weight:700;text-decoration:none;transition:transform .18s,background .18s,box-shadow .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--color-primary);color:var(--color-surface);padding:.75rem 1rem;box-shadow:0 10px 18px #2f7a5f38}.button-primary:hover{background:var(--color-primary-dark)}.button-light{border:1.5px solid var(--color-line);background:var(--color-surface);color:var(--color-primary-dark);padding:.7rem 1rem}.profile-layout{grid-template-columns:minmax(16rem,24rem) minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.profile-aside,.profile-card,.timeline-entry{opacity:0;border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-surface);animation:.52s both fadeInUp;transform:translateY(14px);box-shadow:0 10px 24px #1f25280f}.profile-aside{--member-accent:var(--color-primary);background:linear-gradient(180deg, var(--member-accent) 0 9rem, var(--color-surface) 9rem);gap:1rem;padding:1rem;display:grid}.profile-photo{aspect-ratio:1;border:5px solid var(--color-surface);border-radius:var(--radius);object-fit:cover;width:min(100%,17rem);box-shadow:var(--shadow-soft);margin-inline:auto;transition:filter .18s,border-color .18s}.profile-summary{gap:.35rem;display:grid}.profile-summary p:not(.eyebrow){color:var(--color-muted)}.profile-card{gap:1rem;padding:1.25rem;display:grid}.profile-card-portfolio{gap:1.25rem}.info-section{opacity:0;border-bottom:1px solid var(--color-line);gap:.8rem;padding-bottom:1rem;animation:.52s both fadeInUp;display:grid;transform:translateY(12px)}.section-projects .section-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.carousel-controls{flex-wrap:wrap;align-items:center;gap:.75rem;display:inline-flex}.carousel-button{border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-ink);border-radius:var(--radius);cursor:pointer;padding:.65rem .95rem;transition:transform .18s,border-color .18s,background .18s}.carousel-button:hover,.carousel-button:focus-visible{border-color:var(--color-primary);transform:translateY(-1px)}.carousel-position{color:var(--color-muted);font-size:.95rem}.project-card{border-radius:var(--radius);border:1px solid var(--color-line);background:var(--color-surface);gap:0;padding:0;animation:1s ease-out forwards fadeIn;display:grid;overflow:hidden;box-shadow:0 14px 28px #1f252814}@keyframes fadeIn{0%{opacity:0;transform:translate(-30px)}to{opacity:2;transform:translate(0)}}.project-card-media{min-height:14rem;position:relative;overflow:hidden}.project-card-media img{object-fit:cover;width:100%;height:100%;transition:transform .42s;display:block}.project-card:hover .project-card-media img,.project-card:focus-within .project-card-media img{transform:scale(1.04)}.project-card-body{gap:.75rem;padding:1.25rem;display:grid}.project-card-label{text-transform:uppercase;letter-spacing:.16em;color:var(--color-muted);font-size:.75rem}.project-card-title{margin:0;font-size:1.15rem;font-weight:700}.project-card-description{color:var(--color-muted);margin:0;line-height:1.7}.project-card-tech{color:var(--project-accent);background:#2f7a5f1a;border-radius:999px;align-self:start;padding:.45rem .85rem;font-size:.92rem;font-weight:700;display:inline-flex}.project-dots{justify-content:center;gap:.5rem;margin-top:1rem;padding-bottom:.25rem;display:flex}.project-dot{border:1px solid var(--color-line);cursor:pointer;background:0 0;border-radius:999px;width:.95rem;height:.95rem;transition:transform .18s,background .18s,border-color .18s}.project-dot:hover,.project-dot:focus-visible{border-color:var(--project-accent);transform:scale(1.08)}.project-dot.is-active{background:var(--project-accent);border-color:var(--project-accent)}.info-section h3,.timeline-entry h3{font-size:1.18rem;line-height:1.2}.info-section-intro{border-top:3px solid var(--member-accent,var(--color-primary));gap:.7rem;padding-top:.9rem}.section-copy{color:var(--color-muted)}.tag-list{flex-wrap:wrap;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.tag-list li{border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-paper);color:var(--color-muted);padding:.45rem .7rem;font-weight:500;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s,color .18s}.tag-list li:hover{color:var(--color-primary-dark);background:#2f7a5f1a;border-color:#2f7a5f57;transform:translateY(-2px)scale(1.02);box-shadow:0 10px 18px #1f252817}.tag-list li:focus-visible{outline-offset:2px;outline:2px solid #2f7a5f73}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlide{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.extra-info{border-left:4px solid var(--color-coral);border-radius:var(--radius);color:var(--color-muted);background:#c4513b17;padding:1rem}.stack-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.progress-list{gap:1rem;display:grid}.progress-item{gap:.65rem;display:grid}.progress-item-header{color:var(--color-ink);justify-content:space-between;gap:1rem;font-size:.95rem;display:flex}.progress-track{background:var(--color-line);border-radius:999px;width:100%;height:.85rem;overflow:hidden}.progress-fill{border-radius:999px;width:0;height:100%;transition:width .9s cubic-bezier(.22,1,.36,1);box-shadow:0 10px 20px #2f7a5f1f}.stack-card,.focus-card{border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-paper);gap:.8rem;padding:1rem;display:grid}.stack-card{background:linear-gradient(180deg, #ffffffb3, #f4f6f5f2), var(--color-paper);align-content:start}.stack-card h4,.focus-card h4{font-size:1rem;line-height:1.25}.stack-card-featured{background:linear-gradient(135deg,#a35f1614,#2f7a5f0d),#fbf8f3;border-color:#a35f1647;grid-column:1/-1;gap:.95rem;padding:1.2rem}.stack-copy{color:var(--color-muted);max-width:52ch}.stack-card .tag-list li{background:#ffffffeb}.focus-grid,.flip-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.flip-card{perspective:800px;cursor:pointer;height:10rem}.flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .48s cubic-bezier(.4,.2,.2,1);position:relative}.flip-card:hover .flip-inner{transform:rotateY(180deg)}.flip-face{border:1px solid var(--color-line);border-radius:var(--radius);backface-visibility:hidden;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1rem;display:flex;position:absolute;inset:0}.flip-front{background:var(--color-surface)}.flip-back{background:linear-gradient(135deg, color-mix(in srgb, var(--flip-accent,var(--member-accent,#c4513b)) 12%, white), color-mix(in srgb, var(--flip-accent,var(--member-accent,#c4513b)) 4%, white));border-color:color-mix(in srgb, var(--flip-accent,var(--member-accent,#c4513b)) 28%, transparent);transform:rotateY(180deg)}.flip-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);align-items:center;gap:.35rem;font-size:.75rem;font-weight:700;display:inline-flex}.flip-label-icon{flex-shrink:0;font-size:.95rem}.flip-back .flip-label{color:var(--flip-accent,var(--member-accent,#9e3a27))}.flip-value{color:var(--color-ink);font-weight:500;line-height:1.3}.flip-card--slide-down{perspective:none;border-radius:var(--radius);transition:box-shadow .32s,border-color .32s;overflow:hidden}.flip-card--slide-down .flip-inner{transform-style:flat;flex-direction:column;height:200%;transition:transform .56s cubic-bezier(.4,.2,.2,1);display:flex;transform:translateY(0)rotate(0)}.flip-card--slide-down:hover .flip-inner{transform:translateY(-50%)rotate(2deg)}.flip-card--slide-down:hover{box-shadow:0 16px 32px color-mix(in srgb, var(--flip-accent,var(--member-accent,#2f7a5f)) 18%, transparent)}.flip-card--slide-down .flip-face{backface-visibility:visible;flex:0 0 50%;height:50%;position:relative;inset:auto}.flip-card--slide-down .flip-front{border-bottom:0;border-color:color-mix(in srgb, var(--flip-accent,var(--member-accent,#2f7a5f)) 18%, var(--color-line))}.flip-card--slide-down .flip-back{border-top:1px dashed color-mix(in srgb, var(--flip-accent,var(--member-accent,#2f7a5f)) 24%, var(--color-line));transform:none}.flip-card--slide-down .flip-label{color:var(--flip-accent,var(--member-accent,#2f7a5f))}.flip-card--slide-down .flip-front .flip-label{opacity:.82}.favorites-section{gap:1rem}.favorites-heading{gap:.4rem;display:grid}.favorites-tabs{flex-wrap:wrap;gap:.75rem;display:flex}.favorites-tab{min-height:2.8rem;color:var(--color-muted);cursor:pointer;background:#fffc;border:1px solid #a35f162e;border-radius:999px;padding:.7rem 1.1rem;font-weight:700;transition:transform .18s,border-color .18s,background .18s,color .18s,box-shadow .18s}.favorites-tab:hover,.favorites-tab:focus-visible,.favorites-tab.is-active{color:#7d470e;background:#a35f161a;border-color:#a35f166b;transform:translateY(-2px);box-shadow:0 12px 24px #a35f161f}.favorites-tab:focus-visible{outline-offset:2px;outline:2px solid #a35f1647}.favorites-stage{border-radius:calc(var(--radius) + 6px);background:radial-gradient(circle at 100% 0,#a35f1624,#0000 11rem),linear-gradient(135deg,#fffdf9,#f6f1ea);border:1px solid #a35f1629;grid-template-columns:minmax(11rem,14rem) minmax(0,1fr);gap:1rem;padding:1rem;display:grid;overflow:hidden}.favorites-stage-visual{border-radius:calc(var(--radius) + 2px);color:#fff7ec;background:linear-gradient(145deg,#182124f5,#4a2f17e6);place-items:center;min-height:13rem;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff14}.favorites-stage-orbit{border:1px solid #fff7ec3d;border-radius:50%;width:7.4rem;height:7.4rem;position:absolute}.favorites-stage-orbit:before,.favorites-stage-orbit:after{content:"";border:1px solid #fff7ec29;border-radius:50%;position:absolute;inset:0;transform:scale(1.24)}.favorites-stage-orbit:after{transform:scale(.74)}.favorites-stage-orbit-label{z-index:1;letter-spacing:.04em;text-transform:uppercase;font-family:Fraunces,Georgia,serif;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1;position:relative}.favorites-stage-copy{align-content:center;gap:.55rem;display:grid}.favorites-stage-topline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem;display:flex}.favorites-stage-badge,.favorites-stage-counter,.favorites-stage-status{letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:700}.favorites-stage-badge{color:#7d470e;background:#a35f161f;border-radius:999px;width:fit-content;padding:.28rem .65rem}.favorites-stage-counter,.favorites-stage-status{color:var(--color-muted)}.favorites-stage-title{font-family:Fraunces,Georgia,serif;font-size:clamp(1.7rem,3vw,2.4rem);line-height:.98}.favorites-stage-meta{color:#7d470e;font-weight:700}.favorites-stage-note{color:var(--color-muted);max-width:42ch}.favorites-tracklist{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.favorites-track{border-radius:calc(var(--radius) + 2px);width:100%;color:var(--color-ink);cursor:pointer;text-align:left;background:#ffffffd6;border:1px solid #a35f1629;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.75rem;padding:.9rem;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:grid}.favorites-track:hover,.favorites-track:focus-visible,.favorites-track.is-active{background:#a35f1617;border-color:#a35f1666;transform:translateY(-2px);box-shadow:0 14px 24px #a35f161f}.favorites-track:focus-visible{outline-offset:2px;outline:2px solid #a35f1642}.favorites-track-index{color:#7d470e;background:#18212414;border-radius:999px;place-items:center;min-width:2.15rem;min-height:2.15rem;padding:.2rem;font-size:.78rem;font-weight:700;display:grid}.favorites-track-copy{gap:.3rem;display:grid}.favorites-track-name{line-height:1.25}.favorites-track-meta{color:var(--color-muted);font-size:.92rem}.quick-fact-list{color:var(--color-muted);gap:.55rem;margin-top:.6rem;padding-left:1rem;display:grid}.profile-links{flex-wrap:wrap;gap:.75rem;display:flex}@media (width<=960px){.content-topbar{z-index:8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f4f6f5e0;border-bottom:1px solid #dce2dfcc;display:block;position:sticky;top:0}.content-topbar-inner{justify-content:flex-start;align-items:center;gap:1rem;display:flex}.app-shell{grid-template-columns:1fr}.sidebar{z-index:30;width:min(22rem,100vw - 2.5rem);transition:transform .22s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}.sidebar-close{justify-content:center;align-items:center;display:inline-flex}.app-overlay{z-index:20;opacity:0;pointer-events:none;background:#18212473;border:0;transition:opacity .22s;position:fixed;inset:0}.is-sidebar-open .app-overlay{opacity:1;pointer-events:auto;display:block}.content-topbar-copy{text-align:right;max-width:28ch}.hero-grid,.profile-layout,.favorites-stage,.stack-grid,.focus-grid,.flip-grid,.favorites-tracklist{grid-template-columns:1fr}.member-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (height<=760px){.sidebar{padding:.7rem}.sidebar-inner{gap:1rem;padding:1rem}.sidebar-logo{width:3.25rem;height:3.25rem}.sidebar-title{font-size:1.45rem}.sidebar-copy{font-size:.95rem}.sidebar-link,.sidebar-sublink{padding-top:.7rem;padding-bottom:.7rem}}@media (width<=640px){.content-topbar-inner{justify-content:flex-start}.content-hero-grid{padding:1.35rem}.hero-stats,.member-grid{grid-template-columns:1fr}.message-panel,.footer-inner{flex-direction:column;align-items:flex-start}}.profile-links .button{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.profile-headline{color:var(--color-ink);font-weight:500}.timeline{gap:1rem;display:grid}.timeline-entry{border-left:5px solid var(--color-gold);gap:.7rem;padding:1.25rem;display:grid}.timeline-date{color:var(--color-muted);font-size:.9rem;font-weight:700}.timeline-text{color:var(--color-muted)}.timeline-text strong{color:var(--color-ink)}.site-footer{border-top:1px solid var(--color-line);background:var(--color-surface);color:var(--color-muted);padding:1.5rem 0}.footer-inner{justify-content:space-between;gap:1rem;display:flex}.techstack{border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow-soft);padding:1rem}.tech-list{flex-wrap:wrap;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.tech-item{border-radius:var(--radius);color:var(--color-muted);justify-content:center;align-items:center;gap:.4rem;padding:.6rem .9rem;font-size:1rem;transition:all .18s;display:flex}.tech-item:hover{color:var(--member-accent,var(--color-primary));transform:translateY(-3px)}.tech-item svg{font-size:1.6rem}.tech-label{color:var(--color-muted);font-size:.78rem;font-weight:500}.tech-item:hover .tech-label{color:var(--member-accent,var(--color-primary))}.social-buttons{flex-wrap:wrap;gap:.65rem;display:flex}.social-btn{border:1.5px solid var(--color-line);border-radius:var(--radius);background:var(--color-surface);color:var(--color-muted);align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.92rem;font-weight:600;text-decoration:none;transition:transform .18s,background .18s,border-color .18s,color .18s,box-shadow .18s;display:inline-flex}.social-btn svg{font-size:1.15rem;transition:transform .18s}.social-btn:hover{background:var(--member-accent,var(--color-primary));border-color:var(--member-accent,var(--color-primary));color:#fff;transform:translateY(-3px)scale(1.04);box-shadow:0 8px 20px #0003}.social-btn:hover svg{transform:rotate(-8deg)scale(1.15)}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.gallery-item{border-radius:var(--radius);cursor:pointer;aspect-ratio:4/3;background:var(--color-line);border:none;padding:0;position:relative;overflow:hidden}.gallery-img{object-fit:cover;width:100%;height:100%;transition:transform .32s;display:block}.gallery-item:hover .gallery-img{transform:scale(1.06)}.gallery-overlay{opacity:0;background:linear-gradient(#0000,#182124b3);align-items:flex-end;padding:.75rem;transition:opacity .22s;display:flex;position:absolute;inset:0}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-overlay-label{color:#fff;font-size:.85rem;font-weight:600}.json-explorer-intro{opacity:0;border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem;animation:.52s both fadeInUp;display:flex;transform:translateY(14px);box-shadow:0 10px 24px #1f25280f}.json-explorer-intro h3{margin-bottom:.35rem;font-family:Fraunces,Georgia,serif;font-size:1.35rem}.json-explorer-intro p{max-width:42rem;color:var(--color-muted)}.json-explorer-intro code{color:var(--color-primary-dark);background:#2f7a5f1a;border-radius:4px;padding:.1rem .35rem;font-size:.92em}.json-explorer-stats{grid-template-columns:repeat(3,minmax(5rem,1fr));gap:.75rem;min-width:min(100%,18rem);display:grid}.json-explorer-stats div{border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-paper);text-align:center;gap:.15rem;padding:.75rem;display:grid}.json-explorer-stats dt{color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem}.json-explorer-stats dd{color:var(--color-primary-dark);font-size:1.35rem;font-weight:700}.json-explorer-toolbar{gap:1rem;display:grid}.json-explorer-filters{grid-template-columns:minmax(14rem,2fr) minmax(10rem,1fr) minmax(10rem,1fr);gap:1rem;display:grid}.json-search-summary{border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-surface);gap:.85rem;padding:1rem 1.1rem;display:grid;box-shadow:0 10px 24px #1f25280f}.json-search-summary-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.json-search-summary-title{color:var(--color-primary-dark);font-weight:700}.json-search-summary-filters{flex-wrap:wrap;gap:.5rem;display:flex}.json-search-summary-chip{color:var(--color-primary-dark);background:#2f7a5f1a;border-radius:999px;padding:.35rem .65rem;font-size:.88rem}.json-search-summary-chip-muted{background:var(--color-paper);color:var(--color-muted)}.json-search-summary-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.json-search-summary-stats div{border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-paper);text-align:center;gap:.15rem;padding:.75rem;display:grid}.json-search-summary-stats dt{color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem}.json-search-summary-stats dd{color:var(--color-primary-dark);font-size:1.2rem;font-weight:700}.json-search-field{gap:.35rem;font-weight:600;display:grid}.json-search-input,.json-filter-select{border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-surface);min-height:2.75rem;color:var(--color-ink);padding:.65rem .85rem;transition:border-color .18s,box-shadow .18s}.json-search-input:focus,.json-filter-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2f7a5f26}.json-search-status{color:var(--color-muted);font-size:.92rem}.json-member-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.json-member-card{--member-accent:var(--color-primary);opacity:0;animation:.52s both fadeInUp;animation-delay:var(--animation-delay,0s);border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-surface);gap:1rem;min-height:15rem;padding:1rem;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;transform:translateY(14px);box-shadow:0 10px 24px #1f25280f}.json-member-card:hover{border-color:var(--member-accent);box-shadow:var(--shadow-soft);transition:all 1s;transform:translateY(-4px)}.json-member-card-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.json-member-avatar{border:2px solid var(--member-accent);border-radius:var(--radius);object-fit:cover;background:var(--color-paper);width:3.5rem;height:3.5rem}.json-member-id{border-radius:var(--radius);background:var(--member-accent);width:2.4rem;height:2.4rem;color:var(--color-surface);place-items:center;font-weight:700;display:grid}.json-member-name{font-size:1.15rem;line-height:1.2}.json-member-role{color:var(--color-primary-dark);margin-top:.25rem;font-weight:600}.json-member-meta{color:var(--color-muted);margin-top:.35rem;font-size:.92rem}.json-tag-list{flex-wrap:wrap;gap:.4rem;list-style:none;display:flex}.json-tag-list li{color:var(--color-primary-dark);background:#2f7a5f1a;border-radius:999px;padding:.25rem .55rem;font-size:.78rem;font-weight:600}.json-empty-state{border:1px dashed var(--color-line);border-radius:var(--radius);color:var(--color-muted);text-align:center;padding:1.25rem}.json-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:.5rem;display:flex}.json-pagination-label{color:var(--color-muted);font-weight:600}.lightbox-overlay{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#182124eb;justify-content:center;align-items:center;animation:.18s lightbox-in;display:flex;position:fixed;inset:0}@keyframes lightbox-in{0%{opacity:0}to{opacity:1}}.lightbox-content{flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:min(90vw,900px);display:flex}.lightbox-main{justify-content:center;align-items:center;gap:1.5rem;width:100%;display:flex}.lightbox-img-wrapper{flex:1;justify-content:center;align-items:center;min-width:0;max-height:75vh;display:flex;overflow:auto}.lightbox-img{object-fit:contain;border-radius:var(--radius);width:auto;max-width:100%;height:auto;max-height:75vh;transform:scale(var(--zoom-level,1));transform-origin:50%;transition:transform .18s;animation:.22s lightbox-zoom}@keyframes lightbox-zoom{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.lightbox-zoom-controls{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.lightbox-zoom-btn,.lightbox-zoom-reset{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:999px;width:2.5rem;height:2.5rem;transition:background .18s,transform .18s}.lightbox-zoom-btn:disabled{opacity:.35;cursor:not-allowed}.lightbox-zoom-reset{width:auto;padding:0 .9rem}.lightbox-zoom-btn:hover:not(:disabled),.lightbox-zoom-reset:hover{background:#ffffff38;transform:scale(1.05)}.lightbox-zoom-label{color:#ffffffd9;text-align:center;min-width:3rem;font-size:.95rem}.lightbox-footer{flex-direction:column;align-items:center;gap:.25rem;display:flex}.lightbox-caption{color:#ffffffd1;font-size:.92rem}.lightbox-counter{color:#ffffff80;font-size:.82rem}.lightbox-close{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:999px;width:2.5rem;height:2.5rem;font-size:1.1rem;transition:background .18s,transform .18s;position:absolute;top:1.25rem;right:1.25rem}.lightbox-close:hover{background:#ffffff38;transform:scale(1.1)}.lightbox-nav{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:999px;flex-shrink:0;width:3rem;height:3rem;font-size:1.8rem;line-height:1;transition:background .18s,transform .18s}.lightbox-nav:hover{background:#ffffff38}.lightbox-prev:hover{transform:translate(-2px)}.lightbox-next:hover{transform:translate(2px)}.architecture-page{--architecture-root:#315c4b;--architecture-layout:#a35f16;--architecture-route:#354f8f;--architecture-page:#7b4fa3;--architecture-component:#2f7a5f;--architecture-modal:#c4513b}.architecture-heading{max-width:860px}.architecture-heading p:last-child{max-width:760px;color:var(--color-muted);line-height:1.8}.architecture-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;display:grid}.architecture-role-card,.architecture-tree-panel{background:linear-gradient(135deg, #ffffffe6, #f2e8d3b8), var(--color-surface);border:1px solid #363d3b24;box-shadow:0 18px 45px #363d3b14}.architecture-role-card{border-radius:1.35rem;min-height:180px;padding:1.15rem;animation:.52s both fadeInUp;position:relative;overflow:hidden}.architecture-role-card:before{content:"";background:#2f7a5f24;border-radius:999px;height:96px;position:absolute;inset:auto -18% -45% 26%;transform:rotate(-12deg)}.architecture-role-card span{color:var(--color-ink);letter-spacing:.08em;text-transform:uppercase;background:#363d3b14;border-radius:999px;padding:.3rem .65rem;font-size:.72rem;font-weight:800;display:inline-flex}.architecture-role-card h3{margin:.9rem 0 .45rem;font-size:1.18rem;position:relative}.architecture-role-card p{color:var(--color-muted);margin:0;line-height:1.6;position:relative}.architecture-tree-panel{border-radius:1.7rem;padding:clamp(1rem,3vw,1.6rem);overflow:hidden}.architecture-panel-header{border-bottom:1px solid #363d3b1f;grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);align-items:end;gap:1rem;margin-bottom:1.35rem;padding-bottom:1rem;display:grid}.architecture-panel-header h3{margin:0;font-size:clamp(1.6rem,3vw,2.4rem)}.architecture-panel-header p:last-child{color:var(--color-muted);margin:0;line-height:1.7}.architecture-tree,.architecture-branch{margin:0;padding:0;list-style:none}.architecture-tree{gap:.75rem;display:grid}.architecture-branch{gap:.65rem;margin-left:1.1rem;padding:.65rem 0 0 1.05rem;display:grid;position:relative}.architecture-branch:before{content:"";background:linear-gradient(#2f7a5f80,#c4513b14);border-radius:999px;width:2px;position:absolute;top:0;bottom:.7rem;left:0}.architecture-node{position:relative}.architecture-node-card{background:#ffffffb8;border:1px solid #363d3b1f;border-radius:1rem;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.85rem;padding:.82rem .95rem;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.architecture-node-card:hover{border-color:#2f7a5f57;transform:translateY(-2px);box-shadow:0 12px 28px #363d3b14}.architecture-node-card strong{color:var(--color-ink);font-size:1rem;display:block}.architecture-node-card p{color:var(--color-muted);margin:.2rem 0 0;line-height:1.55}.architecture-chip{color:#fff;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;justify-content:center;min-width:6.4rem;padding:.34rem .58rem;font-size:.66rem;font-weight:900;display:inline-flex}.architecture-chip-entry{background:#363d3b}.architecture-chip-root{background:var(--architecture-root)}.architecture-chip-layout{background:var(--architecture-layout)}.architecture-chip-route{background:var(--architecture-route)}.architecture-chip-page{background:var(--architecture-page)}.architecture-chip-component{background:var(--architecture-component)}.architecture-chip-modal{background:var(--architecture-modal)}.pagination{border:1px solid var(--color-line);border-radius:calc(var(--radius) + 4px);background:#ffffffd6;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;display:flex}.pagination-button{background:var(--color-surface);min-height:2.8rem;color:var(--color-primary-dark);cursor:pointer;border:1px solid #2f7a5f2e;border-radius:999px;padding:.7rem 1rem;font-weight:700;transition:transform .18s,border-color .18s,background .18s}.pagination-button:hover:not(:disabled){border-color:#2f7a5f52;transform:translateY(-1px)}.pagination-button:disabled{cursor:not-allowed;opacity:.45}.pagination-status{color:var(--color-muted)}.met-page{gap:1.25rem}.met-heading,.met-controls,.met-status-row,.met-empty-state,.met-grid,.pagination{opacity:0;animation:.52s both fadeInUp;transform:translateY(12px)}.met-intro{max-width:68ch;color:var(--color-muted)}.met-controls{border:1px solid var(--color-line);border-radius:calc(var(--radius) + 6px);background:radial-gradient(circle at 100% 0,#c4513b1a,#0000 16rem),linear-gradient(135deg,#fffffff5,#faf7f3f5);grid-template-columns:minmax(0,2fr) minmax(12rem,1fr) repeat(2,minmax(8rem,.75fr));gap:1rem;padding:1.2rem;display:grid;box-shadow:0 12px 24px #1f25280f}.met-field{gap:.45rem;display:grid}.met-field span{letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);font-size:.82rem;font-weight:700}.met-field input,.met-field select{min-height:3rem;color:var(--color-ink);background:#ffffffeb;border:1px solid #dce2dfeb;border-radius:14px;padding:.8rem .95rem}.met-status-row{flex-wrap:wrap;justify-content:space-between;gap:.75rem 1rem;display:flex}.met-status{color:var(--color-primary-dark);font-weight:700}.met-status-muted{color:var(--color-muted)}.met-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.met-card{--animation-delay:0s;cursor:pointer;text-align:left;opacity:0;animation:.54s both fadeInUp;animation-delay:var(--animation-delay);background:linear-gradient(#fffffffa,#f3f6f4fa);border:1px solid #dce2dfdb;border-radius:22px;gap:0;padding:0;transition:transform .22s,box-shadow .22s,border-color .22s;display:grid;overflow:hidden;transform:translateY(14px)scale(.985);box-shadow:0 16px 28px #1f252814}.met-card:hover,.met-card:focus-visible{border-color:#2f7a5f47;transform:translateY(-4px);box-shadow:0 20px 36px #1f25281f}.met-card-shell{background:radial-gradient(circle at 100% 0,#c4513b1f,#0000 11rem),linear-gradient(145deg,#182124,#253733 62%,#31443f);border-color:#ffffff0f;min-height:16rem}.met-card-shell:hover,.met-card-shell:focus-visible{border-color:#aee0c947}.met-card-shell.is-revealed{background:radial-gradient(circle at 100% 0,#c2efd538,#0000 11rem),linear-gradient(145deg,#1e332c,#2d4a40 62%,#42695b);border-color:#c2efd552;box-shadow:0 18px 34px #285b472e}.met-card-media{aspect-ratio:4/5;background:linear-gradient(135deg,#182124,#31433f)}.met-card-image{object-fit:cover;filter:saturate(.94)contrast(1.03);width:100%;height:100%;transition:transform .28s,filter .28s;display:block}.met-card-image-fallback,.met-modal-no-image{text-align:center;color:#ffffffd1;background:radial-gradient(circle at 0 0,#c4513b33,#0000 12rem),linear-gradient(135deg,#182124,#31433f);place-items:center;display:grid}.met-card-image-fallback span{font-family:Fraunces,Georgia,serif;font-size:1.2rem;line-height:1}.met-card:hover .met-card-image,.met-card:focus-visible .met-card-image{filter:saturate()contrast(1.06);transform:scale(1.05)}.met-card-copy{gap:.35rem;padding:1rem;display:grid}.met-card-copy-shell{color:#ffffffeb;align-content:space-between;gap:1rem;height:100%;padding:1.2rem}.met-card-kicker{letter-spacing:.14em;text-transform:uppercase;color:#aee0c9;font-size:.76rem;font-weight:700}.met-card-shell.is-revealed .met-card-id{color:#f0fff7}.met-card-shell.is-revealed .met-card-prompt{color:#e8fff1d1}.met-card-shell.is-revealed .met-card-kicker{color:#f2c67c}.met-card-id{font-family:Fraunces,Georgia,serif;font-size:clamp(1.2rem,2vw,1.6rem);line-height:1}.met-card-prompt{color:#ffffffa8;text-transform:uppercase;letter-spacing:.08em;font-size:.88rem}.met-grid-skeleton .met-card-skeleton{aspect-ratio:4/5;background:linear-gradient(90deg,#dce2dfb3,#ffffffe6,#dce2dfb3) 0 0/220% 100%;border-radius:22px;animation:1.25s linear infinite skeleton-pan}@keyframes skeleton-pan{0%{background-position:0 0}to{background-position:220% 0}}.met-empty-state{border-radius:calc(var(--radius) + 6px);background:#ffffffad;border:1px dashed #2f7a5f47;gap:.55rem;padding:1.5rem;display:grid}.met-modal-overlay{padding:2rem}.met-modal{background:linear-gradient(135deg,#fffffff5,#f7f3eef5);border-radius:28px;grid-template-columns:minmax(0,1.1fr) minmax(20rem,.9fr);align-items:stretch;gap:1.4rem;max-width:min(92vw,1120px);padding:1.25rem;display:grid}.met-modal-media{background:#1821240f;border-radius:20px;min-width:0;overflow:hidden}.met-modal-img{object-fit:cover;width:100%;height:100%;max-height:78vh}.met-modal-img.is-placeholder{object-fit:cover;background:linear-gradient(135deg,#18212414,#2f7a5f1f)}.met-modal-copy{align-content:start;gap:1rem;min-width:0;display:grid}.met-modal-copy h3{font-family:Fraunces,Georgia,serif;font-size:clamp(1.9rem,4vw,3rem);line-height:.98}.met-modal-summary{color:var(--color-muted);font-size:1rem}.met-modal-image-note{color:#355347;background:#2f7a5f14;border:1px solid #2f7a5f2e;border-radius:16px;padding:.85rem 1rem;font-size:.96rem}.met-modal-details{gap:.75rem;display:grid}.met-modal-row{border-bottom:1px solid #dce2dfdb;gap:.15rem;padding-bottom:.75rem;display:grid}.met-modal-row dt{letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);font-size:.78rem;font-weight:700}.met-modal-row dd{color:var(--color-ink)}.met-modal-link{width:fit-content}.met-modal-state{width:100%;color:var(--color-ink);background:#ffffffeb;border-radius:24px;gap:.6rem;padding:2rem;display:grid}.met-modal-state-error{border:1px solid #c4513b38}.met-unlock-overlay{z-index:110;padding:2rem}.met-unlock-card{color:#ffffffeb;background:radial-gradient(circle at 100% 0,#c4513b24,#0000 14rem),linear-gradient(145deg,#182124fa,#263732f5);border:1px solid #aee0c929;border-radius:24px;gap:.85rem;width:min(100%,30rem);padding:1.5rem;animation:.22s met-unlock-pop;display:grid;box-shadow:0 26px 50px #00000057}.met-unlock-card h3{font-family:Fraunces,Georgia,serif;font-size:clamp(1.7rem,4vw,2.4rem);line-height:1}.met-unlock-copy{color:#ffffffa8}.met-unlock-bar{background:#ffffff1a;border-radius:999px;height:.9rem;position:relative;overflow:hidden}.met-unlock-bar span{border-radius:inherit;transform-origin:0;background:linear-gradient(90deg,#aee0c9,#f2c67c,#c4513b);animation:.62s cubic-bezier(.22,1,.36,1) forwards met-unlock-fill;position:absolute;inset:0}@keyframes met-unlock-pop{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes met-unlock-fill{0%{transform:scaleX(.02)}to{transform:scaleX(1)}}@media (width>=1200px){.site-header{padding-top:5rem}.member-grid{gap:1.25rem}}@media (width<=900px){.architecture-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.architecture-panel-header,.hero-grid,.profile-layout,.met-controls,.met-modal,.met-grid{grid-template-columns:1fr}.pagination{flex-direction:column;align-items:stretch}.hero-stats{max-width:34rem}.member-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.message-panel,.footer-inner{flex-direction:column;align-items:flex-start}.site-header{padding:2.5rem 1rem 1.5rem}.site-main{padding:1.5rem 0}.stack-grid,.focus-grid,.flip-grid,.favorites-stage,.favorites-tracklist{grid-template-columns:1fr}.stack-card-featured{grid-column:auto}.flip-card{height:8rem}.favorites-stage-visual{min-height:10rem}.gallery-grid,.json-member-grid{grid-template-columns:repeat(2,1fr)}.json-explorer-filters{grid-template-columns:1fr 1fr}.json-explorer-filters .json-search-field:first-child{grid-column:1/-1}.json-search-summary-stats{grid-template-columns:1fr}}@media (width<=640px){.architecture-summary-grid{grid-template-columns:1fr}.architecture-tree-panel{padding:.85rem}.architecture-node-card{grid-template-columns:1fr}.architecture-chip{width:fit-content;min-width:auto}.architecture-branch{margin-left:.35rem;padding-left:.8rem}.met-grid{grid-template-columns:1fr}.met-modal-overlay,.met-modal{padding:1rem}.met-modal-link,.pagination-button{width:100%}.favorites-tabs{grid-template-columns:1fr 1fr;display:grid}.favorites-tab{width:100%}.stack-card .tag-list{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-grid,.json-member-grid,.json-explorer-filters{grid-template-columns:1fr}}@media (width<=400px){.container{width:min(100% - 1rem, var(--container))}.site-header{padding:2.5rem 0 1.5rem}.site-header .hero-title{font-size:2.35rem}.hero-stats,.member-grid{grid-template-columns:1fr}.message-panel,.profile-card,.timeline-entry{padding:1rem}.site-main{padding:1.5rem 0}.site-nav .nav-list{gap:.25rem}.nav-link{padding:.45rem .7rem;font-size:.9rem}.button{width:100%}}@media (prefers-reduced-motion:reduce){.tag-list li{transition:none}.tag-list li:hover{transform:none}.flip-inner{transition:none}.flip-card--slide-down:hover .flip-inner{transform:none}}