:root{--bg-primary:#0a0908;--bg-secondary:#121110;--bg-elevated:#1a1815;--accent-primary:#ff6a1a;--accent-hot:#ff8a3d;--accent-deep:#c7480e;--text-primary:#f7f5f2;--text-secondary:#b8b3ac;--text-muted:#6e6a64;--border-glass:#f7f5f214;--glow-orange:#ff6a1a59;--gradient-accent:linear-gradient(135deg, #ff6a1a 0%, #ff8a3d 45%, #c7480e 100%);--section-py:140px;--content-max:1280px;--radius:20px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-elevated)}::-webkit-scrollbar-thumb{background:var(--gradient-accent);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-hot)}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--text-primary);font-family:Bricolage Grotesque,sans-serif;font-weight:700;line-height:1.1}h1{font-size:clamp(40px,6vw,80px)}h2{font-size:clamp(28px,4vw,52px)}h3{font-size:clamp(22px,2.5vw,32px)}p{color:var(--text-secondary);font-size:18px;line-height:1.75}a{color:inherit;text-decoration:none}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--accent-primary);font-family:Inter,sans-serif;font-size:12px;font-weight:600}.gradient-text{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass{-webkit-backdrop-filter:blur(20px)saturate(140%);border:1px solid var(--border-glass);border-radius:var(--radius);background:#ffffff0a;box-shadow:0 8px 32px #00000073,inset 0 1px #ffffff0f}.glass-interactive{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s;position:relative;overflow:hidden}.glass-interactive:before{content:"";background:radial-gradient(circle at var(--glow-x,50%) var(--glow-y,50%), #ff6a1a14 0%, transparent 70%);pointer-events:none;opacity:0;transition:opacity .3s;position:absolute;inset:0}.glass-interactive:hover{box-shadow:0 0 40px var(--glow-orange), 0 8px 32px #00000073, inset 0 1px 0 #ffffff0f;border-color:#ff6a1a66;transform:translateY(-4px)}.glass-interactive:hover:before{opacity:1}.glass-nav{-webkit-backdrop-filter:blur(16px)saturate(140%);border-bottom:1px solid var(--border-glass);background:#0a090899}.btn-primary{background:var(--gradient-accent);color:#fff;cursor:pointer;box-shadow:0 0 20px var(--glow-orange);white-space:nowrap;border:none;border-radius:100px;align-items:center;gap:8px;padding:14px 28px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn-primary:hover{box-shadow:0 0 40px var(--glow-orange);transform:scale(1.02)}.btn-primary:active{transform:scale(.98)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-glass);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;background:0 0;border-radius:100px;align-items:center;gap:8px;padding:13px 28px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;transition:border-color .2s,box-shadow .2s,transform .2s;display:inline-flex}.btn-secondary:hover{box-shadow:0 0 20px var(--glow-orange);border-color:#ff6a1a66;transform:scale(1.02)}.section{padding:var(--section-py) 0}.container{max-width:var(--content-max);margin:0 auto;padding:0 clamp(24px,5vw,96px)}.orb-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.orb{filter:blur(120px);opacity:.2;border-radius:50%;position:absolute}.orb-1{background:radial-gradient(circle,#ff6a1a 0%,#0000 70%);width:600px;height:600px;animation:25s ease-in-out infinite orb-drift-1;top:-10%;right:-5%}.orb-2{background:radial-gradient(circle,#c7480e 0%,#0000 70%);width:500px;height:500px;animation:30s ease-in-out infinite orb-drift-2;bottom:20%;left:-10%}.orb-3{background:radial-gradient(circle,#ff8a3d 0%,#0000 70%);width:400px;height:400px;animation:20s ease-in-out infinite orb-drift-3;top:50%;left:40%}@keyframes orb-drift-1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-60px,80px)scale(1.1)}66%{transform:translate(40px,-40px)scale(.9)}}@keyframes orb-drift-2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(80px,-60px)scale(1.05)}66%{transform:translate(-30px,50px)scale(.95)}}@keyframes orb-drift-3{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-50px,-80px)scale(1.15)}}.reveal{opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-children>*{opacity:0;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);transform:translateY(20px)}.reveal-children.visible>:first-child{opacity:1;transition-delay:0s;transform:none}.reveal-children.visible>:nth-child(2){opacity:1;transition-delay:60ms;transform:none}.reveal-children.visible>:nth-child(3){opacity:1;transition-delay:.12s;transform:none}.reveal-children.visible>:nth-child(4){opacity:1;transition-delay:.18s;transform:none}.reveal-children.visible>:nth-child(5){opacity:1;transition-delay:.24s;transform:none}.reveal-children.visible>:nth-child(6){opacity:1;transition-delay:.3s;transform:none}.reveal-children.visible>:nth-child(7){opacity:1;transition-delay:.36s;transform:none}.reveal-children.visible>:nth-child(8){opacity:1;transition-delay:.42s;transform:none}.reveal-children.visible>:nth-child(n+9){opacity:1;transition-delay:.48s;transform:none}@keyframes hero-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-animate{opacity:0;animation:.7s cubic-bezier(.16,1,.3,1) forwards hero-fade-up}.hero-animate-1{animation-delay:.1s}.hero-animate-2{animation-delay:.2s}.hero-animate-3{animation-delay:.34s}.hero-animate-4{animation-delay:.46s}.hero-animate-5{animation-delay:.58s}@keyframes draw-line{0%{stroke-dashoffset:1000px}to{stroke-dashoffset:0}}.svg-draw{stroke-dasharray:1000;stroke-dashoffset:1000px;animation:2.5s cubic-bezier(.16,1,.3,1) .8s forwards draw-line}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-track{width:max-content;animation:30s linear infinite marquee;display:flex}.glass-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #ff6a1a26}select.glass-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236E6A64' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:44px}select.glass-input option{background:var(--bg-elevated);color:var(--text-primary)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}.orb,.marquee-track{animation:none!important}.svg-draw{stroke-dashoffset:0;animation:none!important}.hero-animate{opacity:1;animation:none!important}}@media (max-width:768px){:root{--section-py:72px}.orb{filter:blur(80px);opacity:.15}.glass{-webkit-backdrop-filter:blur(12px)saturate(120%)}p{font-size:16px}}.prose{color:var(--text-secondary);max-width:720px;margin:0 auto;font-size:18px;line-height:1.8}.prose h2{color:var(--text-primary);margin-top:48px;margin-bottom:16px;font-size:clamp(22px,3vw,32px)}.prose h3{color:var(--text-primary);margin-top:32px;margin-bottom:12px;font-size:clamp(18px,2vw,24px)}.prose ul,.prose ol{margin-bottom:20px;padding-left:24px}.prose li{color:var(--text-secondary);margin-bottom:8px}.prose a{color:var(--accent-primary);-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .2s}.prose a:hover{-webkit-text-decoration-color:var(--accent-primary);text-decoration-color:var(--accent-primary)}.prose hr{border:none;border-top:1px solid var(--border-glass);margin:40px 0}.prose blockquote{border-left:3px solid var(--accent-primary);color:var(--text-primary);margin:32px 0;padding-left:20px;font-size:20px;font-style:italic}.cta-band{background:var(--gradient-accent);text-align:center;padding:80px 0}.cta-band h2{color:#fff;margin-bottom:12px}.cta-band p{color:#fffc;margin-bottom:32px;font-size:18px}.cta-band .btn-white{color:var(--accent-deep);cursor:pointer;background:#fff;border-radius:100px;align-items:center;gap:8px;padding:14px 32px;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex}.cta-band .btn-white:hover{transform:scale(1.03);box-shadow:0 8px 30px #00000040}.grid-4{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.breadcrumb{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:16px;font-size:13px;display:flex}.breadcrumb a{color:var(--text-muted);transition:color .2s}.page-header{text-align:center;padding:140px 0 80px}.page-header h1{margin:16px 0 20px}.page-header p{max-width:600px;margin:0 auto}@media (max-width:768px){.page-header{padding:100px 0 60px}}.filter-pills{flex-wrap:wrap;gap:12px;margin-bottom:48px;display:flex}.filter-pill{border:1px solid var(--border-glass);color:var(--text-secondary);cursor:pointer;background:#ffffff05;border-radius:100px;padding:8px 20px;font-size:13px;font-weight:600;transition:all .2s}.filter-pill:hover,.filter-pill.active{border-color:var(--accent-primary);color:var(--accent-primary);background:#ff6a1a14}@keyframes card-appear{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.card-appear{animation:.35s cubic-bezier(.16,1,.3,1) forwards card-appear}.grid-2{grid-template-columns:1fr 1fr;gap:32px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (max-width:1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}}.cta-band{background:var(--gradient-accent);text-align:center;padding:100px 0;position:relative;overflow:hidden}.cta-band:before{content:"";pointer-events:none;background:radial-gradient(circle at 30%,#ffffff14 0%,#0000 60%);position:absolute;inset:0}.cta-band h2{color:#fff;margin-bottom:16px;font-size:clamp(28px,4vw,48px)}.cta-band p{color:#fffc;max-width:520px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:18px}.btn-white{color:var(--accent-primary);background:#fff;border-radius:100px;align-items:center;gap:8px;padding:14px 32px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn-white:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.glass-input{border:1px solid var(--border-glass);width:100%;color:var(--text-primary);background:#ffffff0a;border-radius:12px;outline:none;padding:12px 16px;font-family:Inter,sans-serif;font-size:15px;transition:border-color .2s}.glass-input::placeholder{color:var(--text-muted)}.glass-input:focus{background:#ff6a1a0a;border-color:#ff6a1a80}select.glass-input{cursor:pointer}.breadcrumb{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:var(--text-primary)}.breadcrumb span{color:var(--text-muted)}.prose{max-width:720px;color:var(--text-secondary);margin:0 auto;font-size:18px;line-height:1.8}.prose h2{color:var(--text-primary);margin:56px 0 20px;font-family:Bricolage Grotesque,sans-serif;font-size:28px}.prose h3{color:var(--text-primary);margin:36px 0 16px;font-family:Bricolage Grotesque,sans-serif;font-size:22px}.prose p{margin-bottom:24px}.prose ul,.prose ol{margin:0 0 24px 24px}.prose li{margin-bottom:8px}.prose strong{color:var(--text-primary);font-weight:600}.prose a{color:var(--accent-primary)}.prose code{background:var(--bg-elevated);border:1px solid var(--border-glass);border-radius:6px;padding:2px 6px;font-size:15px}.marquee-track{white-space:nowrap;padding:8px 0;animation:28s linear infinite marquee;display:inline-flex}.marquee-track:hover{animation-play-state:paused}a:hover .next-project-title{color:var(--accent-primary)}