@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap";:root{--black:#000;--prussian-blue:#14213d;--orange:#fca311;--alabaster-grey:#e5e5e5;--white:#fff;--text:var(--white);--text-h:var(--alabaster-grey);--bg:var(--black);--surface:var(--prussian-blue);--border:#e5e5e52e;--accent:var(--orange);--accent-soft:#fca3112e;--muted:#ffffff14;--panel:#1e2a4d;--shadow:0 28px 80px #00000059;--sans:"Roboto", system-ui, sans-serif;--heading:"Roboto", system-ui, sans-serif;font-family:var(--sans);color:var(--text);background:var(--bg);min-height:100vh;margin:0;font-size:16px;line-height:1.6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0}#root{min-height:100vh}h1,h2,p{margin:0}.app-shell{background:var(--bg);min-height:100vh;color:var(--text)}.site-header{justify-content:space-between;align-items:center;gap:24px;max-width:1120px;margin:0 auto;padding:28px 24px 0;display:flex}.brand-domain{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.95rem;font-weight:700}.site-nav{align-items:center;gap:24px;display:flex}.nav-link{color:var(--text);padding:6px 0;font-size:1rem;font-weight:600;position:relative}.nav-link.active{color:var(--accent)}.nav-link.active:after{content:"";background:var(--accent);border-radius:999px;width:100%;height:3px;position:absolute;bottom:-6px;left:0}.page-shell{max-width:1120px;margin:0 auto;padding:24px}.page-header{padding:36px 0 0}.hero-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:center;gap:40px;display:grid}.hero-image-wrap{background:var(--muted);border:1px solid var(--border);width:100%;max-width:340px;box-shadow:var(--shadow);border-radius:30px;overflow:hidden}.hero-image{object-fit:cover;aspect-ratio:4/5;width:100%;height:100%;display:block}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 18px;font-size:.95rem;font-weight:700}.page-header h1,.project-group h2{color:var(--text-h);margin:0;font-size:clamp(2.4rem,3.8vw,4.4rem);line-height:1.02}.subtitle{max-width:760px;color:var(--text);margin:18px 0 0;font-size:1.05rem;line-height:1.8}.section-intro{flex-direction:column;gap:10px;padding:18px 0 14px;display:flex}.section-label{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.95rem;font-weight:700}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.featured-card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);color:inherit;border-radius:32px;padding:32px;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:block;position:relative}.social-section{padding:28px 0}.social-actions{flex-wrap:wrap;gap:14px;margin-top:18px;display:flex}.social-button{background:var(--accent);min-width:180px;color:var(--surface);border:1px solid #0000;border-radius:18px;justify-content:center;align-items:center;padding:16px 24px;font-weight:700;text-decoration:none;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.social-button:hover{background:var(--text-h);border-color:var(--accent);transform:translateY(-2px)}.featured-image-wrap{background:var(--muted);border-radius:28px;margin-bottom:22px;overflow:hidden}.featured-image{object-fit:cover;width:100%;height:280px;display:block}.featured-card:hover{border-color:var(--accent);transform:translateY(-4px)}.feature-badge{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border-radius:999px;margin-bottom:14px;padding:8px 14px;font-size:.78rem;font-weight:700;display:inline-flex}.featured-card h3{margin:0;font-size:1.4rem}.featured-card p{color:var(--text);margin:14px 0 0;line-height:1.8}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.project-card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);color:inherit;border-radius:32px;flex-direction:column;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.project-card:hover{border-color:var(--accent);transform:translateY(-4px)}.project-card-image-wrap{background:linear-gradient(#faf8f6 0%,#e8e6e4 100%);min-height:312px;max-height:312px;overflow:hidden}.project-card-image{object-fit:cover;width:100%;height:100%;display:block}.project-card-image.placeholder{min-height:180px;color:var(--text);background:linear-gradient(135deg,#eae9e8,#eeedec);place-items:center;display:grid}.project-card-image-label{color:var(--text);opacity:.75;font-size:.95rem}.project-card-copy{padding:18px 20px 20px}.project-card-copy h3{margin:0 0 10px;font-size:1.25rem}.project-card-copy p{color:var(--text);margin:0;line-height:1.8}.project-section{padding:28px 0}.section-intro h2{color:var(--accent);margin:0;font-size:clamp(1.6rem,2vw,2.4rem)}.project-detail-copy{max-width:920px;color:var(--text);margin-top:14px;font-size:1rem;line-height:1.8}.project-detail-copy p{margin:0 0 18px}.project-detail-copy h3{color:var(--accent);margin:0 0 14px;font-size:1.2rem;line-height:1.3}.tech-group,.system-block{background:#ffffff0a;border:1px solid #ffffff14;border-radius:24px;margin-bottom:30px;padding:22px}.system-subsection{margin-top:18px}.system-subsection strong{color:var(--text-h);margin-bottom:10px;display:block}.project-detail-list{color:var(--text);margin:0 0 0 20px;padding:0}.project-footer{margin-top:24px}.project-detail-list li{margin-bottom:12px}.back-button{color:var(--accent);background:#fca3111f;border:1px solid #0000;border-radius:18px;align-items:center;margin-top:24px;padding:12px 18px;font-weight:700;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.back-button:hover{background:#fca31133;transform:translateY(-1px)}.project-detail-frame{background:var(--panel);border:1px solid var(--border);border-radius:30px;overflow:hidden}.detail-menu{border-bottom:1px solid var(--border);background:#ffffff0a;flex-wrap:wrap;gap:12px;padding:20px;display:flex}.detail-menu-button{color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:18px;padding:12px 18px;font-size:.95rem;font-weight:700;transition:background .2s,color .2s,border-color .2s}.detail-menu-button.active{background:var(--accent);color:var(--surface);border-color:#fca3114d}.detail-menu-button:hover{background:#ffffff14}.detail-panel-window{scroll-behavior:smooth;max-height:512px;padding:28px 26px;overflow-y:auto}.detail-panel-window::-webkit-scrollbar{width:10px}.detail-panel-window::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}.detail-panel-window::-webkit-scrollbar-track{background:0 0}.video-embed{background:var(--muted);width:100%;box-shadow:var(--shadow);border-radius:24px;margin-top:24px;padding-top:56.25%;position:relative;overflow:hidden}.video-embed iframe,.project-detail-video{border:0;width:100%;height:100%;position:absolute;inset:0}.project-detail-video{object-fit:cover}.project-gallery-video{object-fit:contain;background:#000}.project-gallery{background:linear-gradient(#0e10181f,#0e101866);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.project-gallery-image{object-fit:contain;width:100%;height:100%}.gallery-control{color:#fff;cursor:pointer;z-index:1;background:#0e1018b8;border:0;border-radius:999px;width:48px;height:48px;font-size:1.5rem;transition:background .2s,transform .2s;position:absolute;top:50%;transform:translateY(-50%)}.gallery-control:hover{background:#0e1018e6;transform:translateY(-50%)scale(1.04)}.gallery-control-left{left:20px}.gallery-control-right{right:20px}.gallery-status{color:#fff;letter-spacing:.02em;background:#0e1018b8;border-radius:999px;padding:8px 12px;font-size:.9rem;font-weight:600;position:absolute;bottom:20px;right:20px}.project-detail-actions{flex-wrap:wrap;gap:12px;display:flex}.project-action-button{background:var(--accent);color:#fff;min-height:48px;box-shadow:var(--shadow);border-radius:999px;justify-content:center;align-items:center;padding:0 18px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex}.project-action-button:hover{opacity:.96;transform:translateY(-2px)}.project-group{background:var(--surface);border:1px solid var(--border);border-radius:30px;padding:26px}.project-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.project-item{background:var(--muted);border-radius:20px;padding:16px 20px;transition:transform .2s,background .2s}.project-item:hover{background:var(--accent-soft);transform:translateY(-2px)}.project-link{color:var(--text-h);font-weight:600;text-decoration:none}.project-note{color:var(--text);margin:0;font-size:1rem;line-height:1.8}@media (width<=900px){.site-header{flex-direction:column;align-items:flex-start;padding-top:20px}.site-nav{flex-wrap:wrap;justify-content:flex-start;width:100%}.featured-grid,.project-grid,.hero-grid{grid-template-columns:1fr}}@media (width<=640px){.gallery-control{width:42px;height:42px}.gallery-control-left{left:12px}.gallery-control-right{right:12px}.gallery-status{bottom:12px;right:12px}.page-shell{padding:22px 16px}.featured-card,.project-group{padding:24px}}