:root{--paper: #f5f4ef;--surface: #ffffff;--ink: #23292e;--muted: #5d666d;--line: #d7d4cb;--accent: #3a5a70;--accent-ink: #2a4353}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);font-family:Helvetica Neue,Arial,Segoe UI,sans-serif;font-size:16px;line-height:1.6;background:var(--paper)}.app-shell{width:min(940px,92vw);margin:0 auto;min-height:100vh;border-left:1px solid var(--line);border-right:1px solid var(--line);background:var(--surface)}.top-frame{border-bottom:1px solid var(--line);padding:2rem 2rem 1.5rem}.top-frame-row{display:flex;justify-content:space-between;gap:.8rem;align-items:baseline}.site-domain{margin:0;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem}.top-frame h1{margin:.35rem 0 .4rem;font-family:Georgia,Times New Roman,serif;font-weight:600;letter-spacing:0;font-size:2.1rem;color:var(--ink)}.site-subtitle{margin:0;max-width:66ch;font-size:.98rem;color:var(--muted)}.main-nav{display:flex;flex-wrap:wrap;gap:1.4rem;padding:0 2rem;border-bottom:1px solid var(--line)}.nav-link{text-decoration:none;color:var(--muted);padding:.85rem 0;border-bottom:2px solid transparent;margin-bottom:-1px;font-size:.9rem}.nav-link:hover{color:var(--ink)}.nav-link-active{color:var(--ink);border-bottom-color:var(--accent)}.button{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.2rem;border-radius:6px;background:var(--accent);color:#fff;font-weight:600;font-size:.95rem;text-decoration:none;transition:background .15s ease}.button:hover,.button:focus-visible{background:var(--accent-ink)}.page-wrap{padding:2rem}.site-footer{border-top:1px solid var(--line);padding:1.25rem 2rem}.site-footer p{margin:0;font-size:.8rem;color:var(--muted)}.stack{display:grid;gap:2rem}.hero-panel{width:100%}.hero-intro{display:grid;grid-template-columns:minmax(160px,220px) minmax(0,1fr);align-items:start;gap:1.8rem}.hero-image-frame{margin:0;padding:0}.hero-image{width:100%;aspect-ratio:1 / 1;display:block;object-fit:cover;border:1px solid var(--line)}.hero-copy{min-width:0}.smartbee-title{display:inline-flex;align-items:center;gap:.55rem;flex-wrap:wrap}.smartbee-header-logo{display:inline-block;width:clamp(160px,26vw,360px);height:auto;object-fit:contain;vertical-align:middle}.eyebrow{margin:0 0 .35rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.74rem}h2{margin:0 0 .8rem;font-family:Georgia,Times New Roman,serif;font-weight:600;font-size:1.6rem;color:var(--ink)}h3{margin-top:0;font-family:Georgia,Times New Roman,serif;font-weight:600;font-size:1.15rem}p{line-height:1.6;color:var(--ink)}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.card{border:1px solid var(--line);background:var(--surface);padding:1.25rem}.card ul,.timeline-item ul{margin:.5rem 0 0;padding-left:1.2rem;display:grid;gap:.4rem}.timeline{display:grid;gap:1rem}.timeline-item{border-left:3px solid var(--accent);padding:.4rem 0 .4rem 1.1rem}.timeline-item+.timeline-item{position:relative;margin-top:1.5rem}.timeline-item+.timeline-item:before{content:"";position:absolute;top:-1.75rem;left:-3px;right:0;height:1px;background:var(--line)}.experience-section+.experience-section{padding-top:2rem;border-top:1px solid var(--line)}.timeline-item>h3{margin:0 0 .75rem;font-size:1.4rem;line-height:1.25}.timeline-item>p{margin:.75rem 0 0}.header-link,.inline-link{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent}.header-link:hover,.inline-link:hover{border-bottom-color:var(--accent)}.header-link{font-weight:600;font-size:.85rem}.tag-list{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1rem;padding:0;list-style:none}.tag{padding:.15rem .6rem;border:1px solid var(--line);border-radius:999px;font-size:.8rem;color:var(--accent-ink);background:var(--paper)}.stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.stat-card{border:none;border-top:2px solid var(--accent);padding:.9rem 0 0}.stat-card h3{margin-bottom:.2rem;font-size:1.3rem}.stat-card p{margin:0;color:var(--muted)}.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.showcase-card{display:grid;gap:.65rem}.showcase-image{display:block;width:100%;height:auto;object-fit:contain;border:1px solid var(--line);background:var(--paper)}.showcase-image.zoomable{cursor:zoom-in}.image-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;background:#000000d1;cursor:zoom-out}.image-modal-img{max-width:100%;max-height:100%;object-fit:contain;background:var(--paper)}.image-modal-close{position:absolute;top:.75rem;right:1rem;border:none;background:transparent;color:#fff;font-size:2rem;line-height:1;cursor:pointer}.media-stack{display:grid;gap:.55rem}.media-frame[style]>.showcase-image{height:100%;object-fit:cover}.media-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;align-items:start}.media-controls{display:flex;justify-content:space-between;align-items:center;gap:.7rem}.media-label{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.image-note{margin:.2rem 0 0;font-size:.84rem;color:var(--muted)}.reveal-a,.reveal-b{animation:none}@media (max-width: 760px){.app-shell{width:100%;border-left:none;border-right:none}.page-wrap,.top-frame,.main-nav,.site-footer{padding-left:1.25rem;padding-right:1.25rem}.grid-two,.stats-row,.showcase-grid,.media-pair{grid-template-columns:1fr}.main-nav{gap:1rem}.hero-intro{grid-template-columns:1fr;align-items:start}.hero-image-frame{width:min(100%,260px)}.top-frame-row{align-items:flex-start;flex-direction:column;gap:.3rem}}.h-timeline{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);margin:1rem 0 0;padding:0;list-style:none}.h-timeline-item{position:relative;display:grid;gap:.2rem;padding:0 .75rem 0 0;align-content:start;min-width:0}.h-timeline-item:before{content:"";position:absolute;top:1.85rem;left:0;right:0;height:2px;background:var(--line)}.h-timeline-item:last-child:before{right:auto;width:.5rem}.h-timeline-year{font-weight:700;font-size:.9rem;color:var(--accent-ink)}.h-timeline-dot{position:relative;z-index:1;width:.8rem;height:.8rem;margin:.2rem 0 .5rem;border-radius:50%;background:var(--accent);border:2px solid var(--surface);box-shadow:0 0 0 1px var(--accent)}.h-timeline-item h3{margin:0;font-size:.92rem;line-height:1.3}.h-timeline-item p{margin:0;font-size:.8rem;line-height:1.45;color:var(--muted)}img,video{max-width:100%}p,h2,h3,li{overflow-wrap:anywhere}@media (max-width: 760px){.top-frame{padding-top:1.25rem;padding-bottom:1rem}.top-frame h1{font-size:1.7rem}.site-subtitle{font-size:.92rem}.main-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0}.nav-link{display:block;padding:.75rem .25rem;text-align:center;white-space:nowrap;border-bottom:2px solid transparent}.nav-link-active{background:var(--paper);border-bottom-color:var(--accent)}.page-wrap{padding-top:1.25rem;padding-bottom:1.5rem}.stack{gap:1.5rem}h2{font-size:1.35rem}.card{padding:1rem}.timeline-item>h3{font-size:1.2rem}.h-timeline{grid-auto-flow:row;grid-template-columns:1fr;gap:1.1rem}.h-timeline-item{padding:0 0 0 1.6rem}.h-timeline-item:before{top:.5rem;bottom:-1.6rem;left:.35rem;right:auto;width:2px;height:auto}.h-timeline-item:last-child:before{display:none}.h-timeline-dot{position:absolute;top:.35rem;left:0;margin:0}.image-modal{padding:.75rem}.image-modal-close{top:.25rem;right:.75rem;padding:.5rem}}@media (max-width: 340px){.main-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}