.retro-toast{z-index:9999;border-radius:4px;align-items:center;gap:16px;width:auto;max-width:400px;padding:16px 24px;font-family:Space Mono,monospace;font-size:14px;animation:.3s ease-out slideIn;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 12px #00000026}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.retro-toast--success{color:#1a1a18;background:#b8d4a8;border:2px solid #1a1a18}.retro-toast--error{color:#721c24;background:#f8d7da;border:2px solid #721c24}.retro-toast__content{flex:1;line-height:1.5}.retro-toast__close{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:24px;line-height:1;transition:opacity .2s;display:flex}.retro-toast__close:hover{opacity:1}@media (max-width:600px){.retro-toast{max-width:none;padding:14px 20px;font-size:13px;bottom:10px;left:10px;right:10px}}
.landing-page{min-height:100vh;color:var(--dark-charcoal);background:#fff;font-family:Space Mono,monospace;position:relative;overflow-x:hidden}.landing-page:before{content:"";filter:url(#risograph);z-index:0;pointer-events:none;opacity:.5;background:#f5f3ef;position:absolute;inset:100vh 0 0}@media (min-width:901px){.landing-page:before{top:min(100vh,900px)}}.hero{z-index:2;color:#1a1a18;border-bottom:2px solid var(--dark-charcoal);isolation:isolate;background:#fff;align-items:center;min-height:100vh;padding:120px 40px 80px;display:flex;position:relative;overflow:hidden}@media (min-width:901px){.hero{height:min(100vh,900px);min-height:min(100vh,900px);max-height:900px}}.hero-risograph-wrapper{z-index:1;filter:url(#risograph);background:#fff;position:absolute;inset:0}.hero-base-bg{background:#fff;position:absolute;inset:0}.hero-blob-magenta{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.hero-blob-orange{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.hero-blob-teal{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.hero-blob-digital{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.hero-blob-digital ellipse{transition:all .3s}@media (max-width:900px){.hero-blob-digital ellipse{transform:scale(1.3);opacity:.85!important}}@media (max-width:600px){.hero-blob-digital ellipse{transform:scale(1.5);opacity:.9!important}}.hero-inner{z-index:30;grid-template-columns:1fr 1fr;align-items:center;gap:60px;width:100%;max-width:1200px;margin:0 auto;padding-top:clamp(80px,20vh,200px);display:grid;position:relative}.hero-inner-static{z-index:30;position:relative}.hero-inner-interactive{pointer-events:none;z-index:100;isolation:isolate;max-width:1200px;margin:0 auto;padding:120px 40px 80px;position:absolute;inset:0}.hero-inner-interactive .hero-actions{pointer-events:auto;isolation:isolate;will-change:transform;transform:translateZ(0)}.hero-inner-interactive .hero-actions .retro-btn{will-change:background-color,color;transform:translateZ(0)}.hero-inner-interactive .hero-gadget{pointer-events:auto}.hero-content-left{flex-direction:column;margin-left:50px;display:flex}.hero-gadget{z-index:50;justify-content:center;align-items:center;display:flex;position:relative}.hero-gadget-placeholder{display:block}.hero-gadget-container{pointer-events:none;z-index:50;justify-content:center;align-items:center;max-width:600px;padding-top:clamp(80px,10vh,200px);display:flex;position:absolute;inset:-90px 0 0 50%}@media (max-height:800px){.hero-gadget-container{transform-origin:50%;top:-60px;transform:scale(.9)}}@media (max-height:700px){.hero-gadget-container{transform-origin:50%;top:-40px;transform:scale(.8)}}@media (max-height:600px){.hero-gadget-container{transform-origin:50%;top:-20px;transform:scale(.7)}}.hero-gadget-container>*{pointer-events:auto}.hero-title{letter-spacing:-1px;margin:0 0 30px;font-size:72px;font-weight:700;line-height:1.05}.hero-title .highlight{color:#1a1a18;opacity:1}.hero-desc{color:#1a1a18cc;max-width:450px;margin:0 0 40px;font-size:18px;line-height:1.7}.hero-actions{gap:15px;margin-bottom:60px;display:flex}.hero-actions-desktop{visibility:hidden}.hero-actions-mobile{flex-direction:column;gap:15px;min-height:120px;margin-bottom:40px;display:none}.hero-buttons-overlay{z-index:50;gap:15px;display:flex;position:absolute;top:calc(clamp(80px,20vh,200px) + 374px);left:calc(50% - 550px)}.hero-buttons-overlay .retro-btn{filter:url(#risograph)}.hero-buttons-overlay .retro-btn:after{display:none}@media (max-width:1280px){.hero-buttons-overlay{left:50px}}.hero-meta{gap:50px;display:flex}.meta-item{flex-direction:column;gap:4px;display:flex}.meta-value{font-size:36px;font-weight:700}.meta-label{letter-spacing:2px;opacity:.6;text-transform:uppercase;font-size:13px}.landing-page .retro-btn,.landing-page .retro-btn--primary,.landing-page .retro-btn--secondary{background:#fff!important}.landing-page .retro-btn--primary:hover,.landing-page .retro-btn--secondary:hover{background:var(--color-dark-charcoal)!important;color:#fff!important}.landing-page .retro-btn--primary:hover:before,.landing-page .retro-btn--secondary:hover:before{border-color:#fff!important}.section{z-index:2;justify-content:center;padding:60px 40px;display:flex;position:relative}.section.services{padding-bottom:90px;overflow:visible}@media (max-width:600px){.section.services{padding-bottom:50px}}.section-inner{border:2px solid var(--dark-charcoal);z-index:2;background:#fff;width:100%;max-width:1400px;padding:60px;position:relative;box-shadow:0 16px 32px #00000079}.section-header{margin-bottom:50px}.section-num{letter-spacing:3px;opacity:.5;margin-bottom:10px;font-size:26px;font-weight:700;display:block}.section-title{letter-spacing:1px;margin:0;font-size:42px;font-weight:700}.projects-list{flex-direction:column;gap:20px;margin-bottom:40px;display:flex}.project-name{letter-spacing:1px;margin:0 0 12px;font-size:24px;font-weight:700}.project-desc{opacity:.8;max-width:600px;margin:0 0 20px;font-size:14px;line-height:1.6}.project-tech{gap:10px;display:flex}.project-tech span{letter-spacing:1px;background:#2424221a;padding:4px 10px;font-size:11px}.blog-list{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:25px;display:grid}.blog-list>a{height:100%;display:flex}.blog-list .retro-card{flex-direction:column;width:100%;height:100%;display:flex}.blog-date{opacity:.6;margin-bottom:12px;font-size:12px}.blog-title{margin:0 0 12px;font-size:18px;font-weight:700;line-height:1.3}.blog-excerpt{opacity:.8;flex-grow:1;margin:0 0 15px;font-size:13px;line-height:1.6}.blog-list .retro-badge{align-self:flex-start;margin-top:auto}.contact{color:var(--dark-charcoal);position:relative}.contact .section-inner{z-index:1;background:var(--coral-red);color:var(--off-white);position:relative;box-shadow:0 16px 32px #00000079}.contact .section-inner:after{content:"";pointer-events:none;z-index:0;background:repeating-linear-gradient(0deg,#0000 0 3px,#00000008 3px,#0000000a 6px);position:absolute;inset:0}.contact .section-inner>*{z-index:1;position:relative}.contact .section-num,.contact .section-title{color:var(--off-white)}.contact-grid{grid-template-columns:1fr 1fr;gap:60px;display:grid}.contact-intro{margin:0 0 40px;font-size:18px;line-height:1.7}.contact-details{flex-direction:column;gap:20px;display:flex}.detail-item{flex-direction:column;gap:5px;display:flex}.detail-label{letter-spacing:2px;opacity:.8;text-transform:uppercase;font-size:13px;font-weight:600}.detail-value{font-size:16px}.detail-value.available{color:#90ee90}.contact-form{flex-direction:column;gap:20px;display:flex}.contact .retro-form-field__label{color:var(--off-white)}.contact .retro-input:focus,.contact .retro-textarea:focus{box-shadow:none!important;border-color:var(--color-off-white)!important;outline:none!important}.contact .retro-btn--primary{color:var(--off-white)!important;border-color:var(--off-white)!important;background:0 0!important}.contact .retro-btn--primary:hover{background:var(--off-white)!important;color:var(--coral-red)!important}.contact .retro-btn--primary:hover:before{border-color:var(--coral-red)!important}.footer{color:var(--dark-charcoal);z-index:2;background:0 0;justify-content:center;padding:40px;display:flex;position:relative}.footer-inner{background:var(--coral-red);width:100%;max-width:1400px;color:var(--off-white);border:2px solid var(--dark-charcoal);z-index:2;justify-content:space-between;align-items:center;padding:40px;display:flex;position:relative;box-shadow:0 16px 32px #00000079}.footer-inner:after{content:"";pointer-events:none;z-index:0;background:repeating-linear-gradient(0deg,#0000 0 3px,#00000008 3px,#0000000a 6px);position:absolute;inset:0}.footer-inner>*{z-index:1;position:relative}.footer-brand{flex-direction:column;gap:5px;display:flex}.footer-brand .brand-name{font-size:20px;font-weight:600}.footer-copy{opacity:.7;font-size:14px}.footer-links{gap:25px;display:flex}.footer-links a{color:var(--off-white);opacity:.7;font-size:15px;text-decoration:none;transition:opacity .2s}.footer-links a:hover{opacity:1}@media (max-width:1200px){.hero-risograph-wrapper .hero-artifact-line{display:none!important}}@media (max-width:900px){.landing-page:before{top:500px}.hero-print-decoration{display:none!important}.hero{min-height:500px;padding:20px 10px 40px}.hero-inner{grid-template-columns:1fr;gap:40px;padding-top:160px;padding-left:60px}.hero-gadget,.hero-gadget-container{display:none}.hero-content-left{margin-left:0}.hero-title{font-size:48px}.hero-actions,.hero-actions-desktop,.hero-actions-mobile,.hero-meta,.hero-buttons-overlay{display:none}.section{padding:40px 25px}.section-inner{padding:40px 30px}.contact-grid{grid-template-columns:1fr;gap:40px}.footer{padding:40px 25px}.footer-inner{text-align:center;flex-direction:column;gap:25px}}@media (max-width:600px){.landing-page:before{top:400px}.hero-risograph-wrapper .hero-artifact-line,.hero-risograph-wrapper>div[style*="top: '20px'"],.hero-risograph-wrapper>div[style*="bottom: '20px'"]{display:none!important}.hero{min-height:400px;padding:20px 10px 40px}.hero-inner{padding-top:150px;padding-left:30px;padding-right:15px}.hero-title{font-size:32px;filter:url(#inkBleedLight)!important}.hero-desc{max-width:100%;padding-right:10px;font-size:14px}.section{padding:30px 15px}.section-inner{padding:30px 20px}.section-title{font-size:32px}.blog-list{grid-template-columns:1fr}.footer{padding:30px 15px}}
