@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Shadows+Into+Light&display=swap";*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#1c1c1c;color:#f5f5f5;font-family:Manrope,Arial,sans-serif}main{max-width:1440px;margin:auto;padding:0 40px 34px}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #595959}.brand{color:#f5f5f5;text-decoration:none;font:800 20px Manrope,sans-serif;letter-spacing:-.06em}.brand span{color:#00bfff}.site-header nav{display:flex;gap:22px}.site-header nav a{color:#a1a1a1;text-decoration:none;font:500 11px DM Mono,monospace;text-transform:uppercase}.site-header nav a:hover{color:#00bfff}.eyebrow,small,footer{font:500 11px DM Mono,monospace;letter-spacing:.13em;color:#a1a1a1}.eyebrow{color:#00bfff;margin:0 0 22px}.portfolio{display:grid;grid-template-columns:1.32fr .68fr;gap:50px;align-items:end;padding:100px 4vw 90px;border-bottom:1px solid #595959}.portfolio h1{font:400 clamp(48px,7.2vw,104px)/.91 Georgia,serif;letter-spacing:-.07em;margin:0}.portfolio h1 i{font-family:Shadows Into Light,cursive;font-weight:400;color:#4b91e2;letter-spacing:-.03em}.lead{max-width:540px;line-height:1.8;color:#a1a1a1;margin:28px 0}.hero-link{display:inline-flex;gap:15px;align-items:center;color:#f5f5f5;text-decoration:none;border-bottom:1px solid #00bfff;padding-bottom:8px;font:600 12px DM Mono,monospace}.hero-link span{font-size:20px;color:#00bfff}.profile-card{min-height:220px;border:1px solid #0074bd;border-radius:16px;padding:24px;background:linear-gradient(135deg,#1c1c1c,#3d3d3d);display:flex;flex-direction:column;justify-content:space-between}.profile-card p{margin:0;color:#00bfff;font:500 10px DM Mono,monospace;letter-spacing:.12em}.profile-card strong{font:400 27px/1.18 Georgia,serif}.profile-card div{display:flex;justify-content:space-between;color:#a1a1a1;font:10px DM Mono,monospace}.tracking{padding:56px 0 36px}.section-heading{display:grid;grid-template-columns:1fr auto;column-gap:28px;align-items:end;margin:0 4vw 22px}.section-heading .eyebrow{grid-column:1/-1;margin-bottom:10px}.section-heading h2{font:400 52px/1 Georgia,serif;letter-spacing:-.05em;margin:0}.section-heading p:last-child{max-width:410px;margin:0;color:#a1a1a1;line-height:1.6;font-size:13px}.camera-card{overflow:hidden;border:1px solid #595959;border-radius:20px;background:#3d3d3d;width:100%}.camera-stage{height:clamp(360px,38vw,500px);position:relative;background:#1c1c1c}video,canvas{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0;transform:scaleX(-1)}canvas{transform:none}.camera-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;color:#a1a1a1}.camera-empty span{font-size:42px;color:#00bfff}.camera-empty p{font:12px DM Mono,monospace}.status{position:absolute;left:20px;bottom:20px;background:#1c1c1ce8;border:1px solid #595959;border-radius:99px;padding:10px 14px;font:10px DM Mono,monospace;color:#a1a1a1;max-width:80%}.status b{display:inline-block;width:7px;height:7px;border-radius:100%;background:#7d7d7d;margin-right:7px}.status b.live{background:#00bfff}.controls{padding:16px 20px;display:flex;gap:12px;justify-content:space-between;align-items:center}.channel-name{font:500 11px DM Mono,monospace;color:#a1a1a1;letter-spacing:.04em}.channel-name i{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:8px}.controls button,.effect-buttons button,.effect-stack button{border:1px solid #595959;background:#3d3d3d;color:#f5f5f5;border-radius:8px;padding:9px 11px;font:600 11px DM Mono,monospace;cursor:pointer}.controls .start{background:#0074bd;border-color:#0092d6;font-family:Manrope}.controls .start:hover,.effect-buttons button:hover,.effect-buttons button.active{background:#1c6cce;border-color:#4b91e2}.camera-source{border-bottom:1px solid #595959;padding:17px 4vw;display:flex;align-items:center;justify-content:space-between;gap:16px}.camera-source>div{display:flex;gap:8px}.camera-source select,.camera-source button{border:1px solid #595959;border-radius:8px;background:#3d3d3d;color:#f5f5f5;padding:9px 11px;font:500 11px DM Mono,monospace}.camera-source button{cursor:pointer;border-color:#0074bd;color:#00bfff}.effect-workbench{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid #595959;padding:34px 4vw 0}.effect-workbench>div{min-height:78px}.effect-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.effect-stack{grid-column:1/-1;border:1px dashed #0074bd;border-radius:12px;padding:13px;transition:.15s}.effect-stack:hover{border-color:#00bfff}.effect-stack p{font-size:12px;color:#7d7d7d;margin:14px 0}.effect-stack button{margin:10px 7px 0 0;border-color:#0092d6;color:#00bfff}.readout{border-top:1px solid #595959;border-bottom:1px solid #595959;margin-top:36px;padding:20px 4vw;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.readout div{display:grid;gap:7px}.readout strong{font-size:15px;color:#f5f5f5}footer{text-align:center;letter-spacing:.04em;padding-top:30px}footer a{color:#00bfff;text-decoration:none}footer a:hover{text-decoration:underline}@media(max-width:780px){main{padding:0 18px 25px}.site-header{height:66px}.portfolio{display:block;padding:67px 6px 72px}.portfolio h1{font-size:58px}.profile-card{margin-top:45px;min-height:180px}.tracking{padding-top:48px}.section-heading{display:block;margin:0 6px 22px}.section-heading h2{font-size:42px}.section-heading p:last-child{margin-top:14px}.camera-stage{height:auto;aspect-ratio:9/13;min-height:0}.controls{align-items:flex-start;flex-direction:column;padding:14px}.control-actions{width:100%}.control-actions button{flex:1}.camera-source{padding:16px 6px;display:block}.camera-source>div{margin-top:10px;flex-wrap:wrap}.camera-source select{max-width:100%;flex:1}.effect-workbench,.readout{margin-top:28px;padding-left:6px;padding-right:6px;grid-template-columns:1fr;gap:18px}.effect-stack{grid-column:auto}.readout{padding-top:20px;padding-bottom:20px}.status{left:12px;bottom:12px}.site-header nav{gap:14px}.profile-card strong{font-size:24px}}.outside-blur{filter:blur(8px)}.gesture-blur{filter:blur(11px)}.active-control{border-color:#00bfff!important;color:#00bfff!important}.status-fps{margin-left:10px;padding-left:10px;border-left:1px solid #595959;color:#00bfff}.control-actions{display:flex;gap:8px}.channel-transition{animation:channel-switch .46s ease-in-out}@keyframes channel-switch{0%{opacity:.12;transform:scale(.97)}55%{opacity:.78}to{opacity:1;transform:scale(1)}}