:root{--text:#121212;--text-strong:#000;--muted:#00000073;--bg:#fff;--orange:#ff5f00;--grid-line:#0000000d;--grid-dot:#00000008;--sans:"Noto Sans SC", sans-serif;--serif:"Playfair Display", serif;--mono:"JetBrains Mono", monospace;font:16px/1.6 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}#root{min-height:100svh}body{background-color:var(--bg);background-image:radial-gradient(var(--grid-dot) 1px, transparent 0), linear-gradient(to right, var(--grid-line) 1px, transparent 1px), linear-gradient(to bottom, var(--grid-line) 1px, transparent 1px);background-position:50%;background-size:20px 20px,80px 80px,80px 80px;margin:0;overflow-x:hidden}h1,h2,h3{font-family:var(--serif);margin:0;font-weight:900}.mono{font-family:var(--mono)}*{box-sizing:border-box}::selection{background:var(--orange);color:#fff}.page{background-color:#fdfdfc;background-image:radial-gradient(#000 .5px,#0000 0),linear-gradient(90deg,#00000008 1px,#0000 1px),linear-gradient(#00000008 1px,#0000 1px);background-size:24px 24px,120px 120px,120px 120px;justify-content:center;align-items:center;min-height:100svh;padding:80px 20px;display:flex;position:relative;overflow-x:hidden}.page:after{content:"";opacity:.04;pointer-events:none;z-index:1;background-image:url(https://www.transparenttextures.com/patterns/p6.png);position:absolute;inset:0}.shell{z-index:10;gap:60px;width:min(1000px,100%);margin:0 auto;animation:1.2s cubic-bezier(.16,1,.3,1) both entrance;display:grid;position:relative}.hero-section{background:#fff;border:1px solid #0000000f;outline:8px solid #fff;padding:60px;position:relative;box-shadow:0 40px 100px #0000000a,0 0 0 1px #00000014}.hero-section:before{content:"ARCHIVE_01";background:var(--orange);color:#fff;font-family:var(--mono);letter-spacing:.1em;padding:4px 6px;font-size:9px;font-weight:900;line-height:1;position:absolute;top:15px;right:15px}.hero-content{grid-template-columns:240px 1fr;align-items:center;gap:60px;display:grid}.avatar-container{width:240px;position:relative}.avatar-frame{background:#eee;border:1px solid #0000000d;width:240px;height:240px;padding:10px;position:relative}.avatar-img{object-fit:cover;filter:sepia(.1)contrast(1.05);width:100%;height:100%;transition:all .8s cubic-bezier(.16,1,.3,1);display:block}.avatar-frame:hover .avatar-img{filter:sepia(0)contrast(1.1);transform:scale(1.02)}.avatar-decor{border-bottom:2px solid var(--orange);border-left:2px solid var(--orange);opacity:.8;width:40px;height:40px;position:absolute;bottom:-10px;left:-10px}.info-panel{flex-direction:column;gap:25px;display:flex}.kicker-group{align-items:center;gap:20px;display:flex}.kicker-text{color:var(--muted);letter-spacing:.4em;text-transform:uppercase;font-size:10px;font-weight:800}.kicker-line{background:linear-gradient(90deg,#0000001a,#0000);flex:1;height:1px}.main-title{font-family:var(--serif);letter-spacing:-.05em;color:var(--text-strong);margin:-10px 0 0 -5px;font-size:72px;font-style:italic;font-weight:900;line-height:1}.bio-container{border-left:3px solid var(--orange);max-width:50ch;margin:15px 0;padding-left:20px}.bio-text{color:var(--text);font-size:19px;font-weight:500;line-height:1.7}.highlight{background:var(--orange);color:#fff;padding:0 6px;font-weight:700}.bio-sub{color:var(--muted);font-size:15px;font-family:var(--serif);opacity:.7;margin-top:10px;font-style:italic;display:block}.tags{flex-wrap:wrap;gap:12px;display:flex}.tag-item{font-family:var(--mono);background:#f8f8f8;border:1px solid #0000000d;align-items:center;font-size:10px;display:flex}.tag-label{color:var(--muted);background:#f0f0f0;padding:4px 8px;font-weight:700}.tag-value{color:var(--text-strong);padding:4px 12px;font-weight:700}.tag-item.accent{border:1px solid var(--orange);background:#fff}.tag-item.accent .tag-label{background:var(--orange);color:#fff}.action-area{align-items:center;gap:25px;margin-top:20px;display:flex}.btn-industrial{background:var(--text-strong);color:#fff;cursor:pointer;font-family:var(--mono);letter-spacing:.1em;border:none;align-items:center;gap:18px;padding:16px 36px;font-size:12px;font-weight:800;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.btn-industrial:hover{background:var(--orange);transform:translateY(-2px);box-shadow:0 15px 35px #ff5f0040}.btn-divider{background:#ffffff4d;width:1px;height:14px}.btn-count{font-size:14px}.hint-mono{font-family:var(--mono);color:var(--muted);font-size:11px}.blink{color:var(--orange);animation:1.2s step-end infinite blink}@keyframes blink{50%{opacity:0}}.quote-section{border-left:4px solid var(--orange);background:linear-gradient(145deg,#111 0%,#050505 100%);border-top:1px solid #ffffff0d;padding:50px 60px;position:relative;box-shadow:0 30px 60px #0006}.quote-meta{opacity:.4;letter-spacing:.4em;color:#fff;align-items:center;gap:15px;margin-bottom:25px;font-size:10px;display:flex}.meta-line{background:linear-gradient(90deg,#fff3,#0000);flex:1;height:1px}.quote-content{text-align:left;grid-template-columns:auto 1fr;align-items:start;gap:35px;display:grid}.quote-large-icon{font-family:var(--serif);color:var(--orange);opacity:.3;margin-top:20px;font-size:120px;line-height:.5}.quote-main{font-family:var(--serif);color:#f0f0f0;letter-spacing:.05em;font-size:32px;font-style:italic;font-weight:700;line-height:1.4}.quote-sub{color:var(--orange);font-size:12px;font-family:var(--mono);letter-spacing:.4em;opacity:.8;margin-top:20px}.quote-id-stamp{background:var(--orange);color:#fff;font-family:var(--mono);letter-spacing:.1em;opacity:.9;padding:4px 12px;font-size:10px;font-weight:900;position:absolute;bottom:0;right:0}@keyframes entrance{0%{opacity:0;transform:translateY(50px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=850px){.page{padding:40px 15px}.shell{gap:50px}.hero-section{outline:none;padding:45px 20px}.hero-content{grid-template-columns:1fr;gap:40px}.main-title{margin:0;font-size:52px}.action-area{flex-direction:column;gap:20px}.quote-section{border-left-width:6px;padding:40px 25px}.quote-content{grid-template-columns:1fr;gap:15px}.quote-large-icon{margin-top:0;font-size:80px}.quote-main{font-size:26px}}