body{animation:page-in .7s ease both}.site-header{animation:nav-in .8s .1s ease both}.hero-art{animation:hero-float 8s ease-in-out infinite}.portrait-frame img{animation:photo-breathe 7s ease-in-out infinite}.signal-band{animation:band-pulse 6s ease-in-out infinite}.project-tile,.service-card,.qual-card,.testimonial-card,.project-detail{animation:card-in .7s ease both}.project-tile:nth-child(2),.service-card:nth-child(2),.qual-card:nth-child(2),.testimonial-card:nth-child(2){animation-delay:.12s}.project-tile:nth-child(3),.service-card:nth-child(3),.qual-card:nth-child(3),.testimonial-card:nth-child(3){animation-delay:.24s}.project-tile>a,.button,.arrow-link{transition:transform .25s ease,color .25s ease,background-color .25s ease,box-shadow .25s ease}.project-tile>a:hover{transform:rotate(8deg) scale(1.08)}.eyebrow i{animation:status-blink 2s ease-in-out infinite}@keyframes page-in{from{opacity:0}to{opacity:1}}@keyframes nav-in{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@keyframes hero-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(1deg)}}@keyframes photo-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}@keyframes band-pulse{0%,100%{background-color:rgba(17,26,43,.66)}50%{background-color:rgba(17,26,43,.9)}}@keyframes card-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes status-blink{0%,100%{opacity:.45;box-shadow:0 0 4px var(--lime)}50%{opacity:1;box-shadow:0 0 15px var(--lime)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
 .brand-mark{background:var(--blue)!important;background-image:url('images/profile.jpg')!important;background-size:cover!important;background-position:center!important;font-size:0!important}
 .brand-mark{font-size:0!important;background-image:url('images/profile.jpg');background-size:cover;background-position:center;border:1px solid var(--blue)}
 body:has(a.active[href="about.html"]) .page-hero{position:relative}
 body:has(a.active[href="about.html"]) .page-hero:after{content:'';display:block;position:absolute;right:0;top:90px;width:150px;height:150px;background:url('images/profile.jpg') center/cover;border:1px solid var(--blue);box-shadow:12px 12px 0 var(--blue-deep);transform:rotate(5deg)}
 .admin-box{transition:opacity .2s}.admin-locked{display:none!important}
 @media(max-width:800px){body:has(a.active[href="about.html"]) .page-hero:after{position:relative;top:auto;right:auto;margin-top:40px;width:120px;height:120px}}
 .portrait-frame img{filter:none!important}
 .brand-photo{width:32px;height:32px;object-fit:cover;transform:rotate(-8deg);border:1px solid var(--blue)}
 .about-portrait{width:min(280px,100%);aspect-ratio:1;object-fit:cover;border:1px solid var(--blue);padding:10px;box-shadow:14px 14px 0 var(--blue-deep)}
 .auth-panel[hidden],.admin-content[hidden]{display:none}
:root{--navy:#0b0f1a;--navy-2:#111a2b;--blue:#38bdf8;--blue-deep:#0284c7;--white:#f8fafc;--muted:#94a3b8;--line:rgba(148,163,184,.2);--lime:#d9f99d;--orange:#fb923c;--display:'Space Grotesk',sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--white);font-family:var(--display);line-height:1.5;background-image:linear-gradient(rgba(56,189,248,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.035) 1px,transparent 1px);background-size:32px 32px}body:before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 75% 10%,rgba(56,189,248,.12),transparent 27rem);z-index:-1}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:50}.reading-progress span{display:block;width:0;height:100%;background:var(--blue);box-shadow:0 0 14px var(--blue)}.site-header{height:82px;padding:0 max(24px,calc((100% - 1160px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(11,15,26,.78);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:700;letter-spacing:-.03em}.brand small{display:block;font:400 .56rem var(--mono);letter-spacing:.08em;color:var(--muted);margin-top:2px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;background:var(--blue);color:var(--navy);font:500 .72rem var(--mono);transform:rotate(-8deg)}.site-nav{display:flex;align-items:center;gap:25px;font:400 .76rem var(--mono);color:var(--muted)}.site-nav a{transition:color .2s}.site-nav a:hover,.site-nav a.active{color:var(--white)}.site-nav .nav-cta{color:var(--navy);background:var(--blue);padding:11px 15px;font-family:var(--display);font-weight:600}.nav-cta span{margin-left:12px}.menu-toggle{display:none;background:none;color:var(--white);border:1px solid var(--line);padding:8px 12px}.hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;padding-top:72px;padding-bottom:85px}.eyebrow{font:500 .68rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin:0 0 20px}.eyebrow i{display:inline-block;width:8px;height:8px;background:var(--lime);border-radius:50%;margin-right:8px;box-shadow:0 0 12px var(--lime)}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.075em;line-height:.95}h1{font-size:clamp(4rem,9vw,8.2rem);margin-bottom:30px}h1 em,h2 em{font-style:normal;color:var(--blue)}.hero-lede{max-width:540px;font-size:1.13rem;color:var(--muted);line-height:1.55}.button-row{display:flex;align-items:center;gap:25px;margin-top:38px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:14px 18px;border:1px solid transparent;font-weight:600;font-size:.86rem;transition:transform .2s,box-shadow .2s}.button:hover{transform:translate(-3px,-3px)}.button-primary{color:var(--navy);background:var(--blue);box-shadow:5px 5px 0 rgba(56,189,248,.25)}.text-link{font-size:.8rem;color:var(--muted)}.text-link span{display:block;color:var(--white);margin-top:4px}.hero-art{min-height:510px;position:relative;display:grid;place-items:center}.portrait-frame{width:min(340px,70vw);aspect-ratio:4/5;border:1px solid var(--blue);padding:12px;transform:rotate(4deg);position:relative;z-index:1}.portrait-frame:before{content:'';position:absolute;inset:13px;background:var(--blue);transform:translate(16px,16px);z-index:-1}.portrait-frame img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.1);display:block}.orbit{position:absolute;border:1px solid rgba(56,189,248,.38);border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:430px;height:170px}.orbit-two{width:320px;height:500px;transform:rotate(32deg);border-color:rgba(217,249,157,.5)}.hero-note{position:absolute;right:0;bottom:34px;width:150px;padding:13px;border-left:2px solid var(--lime);background:rgba(17,26,43,.85);font-size:.72rem;color:var(--muted)}.hero-note span{font:500 .65rem var(--mono);color:var(--lime)}.hero-note p{margin:8px 0 0}.signal-band{border-block:1px solid var(--line);background:rgba(17,26,43,.66)}.signal-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;align-items:center;gap:34px;padding:25px 0}.signal-grid p{font-size:.84rem;color:var(--muted);margin:0}.signal-grid strong{color:var(--white)}.signal-line{height:1px;background:var(--line)}.signal-grid .mono{font:400 .62rem/1.8 var(--mono);color:var(--blue);text-align:right}.section{padding-block:130px}.section-intro{display:grid;grid-template-columns:1fr 1.3fr;gap:40px}.section h2{font-size:clamp(2.7rem,5vw,5rem);margin:0}.intro-content{max-width:570px;margin-left:auto}.large-copy{font-size:1.45rem;line-height:1.35;color:var(--muted);margin-bottom:28px}.arrow-link{font:500 .76rem var(--mono);color:var(--blue);border-bottom:1px solid var(--blue);padding-bottom:8px}.arrow-link span{margin-left:25px}.section-dark{background:var(--navy-2);max-width:100%;}.section-dark>.wrap{width:min(1160px,calc(100% - 48px))}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:46px}.light{color:var(--white);border-color:var(--white)}.project-preview-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:14px}.project-tile{min-height:390px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line);position:relative;overflow:hidden;transition:transform .3s}.project-tile:hover{transform:translateY(-8px)}.project-feature{background:linear-gradient(145deg,#123b57,#0d1824 70%)}.project-blue{background:linear-gradient(145deg,#1c4f72,#111a2b)}.project-outline{background:transparent}.tile-top{display:flex;justify-content:space-between;font:400 .63rem var(--mono);color:var(--muted)}.tile-status{color:var(--lime)}.project-tile h3{font-size:clamp(1.8rem,3vw,3rem);letter-spacing:-.06em;margin-bottom:10px}.project-tile p{max-width:270px;color:var(--muted);font-size:.83rem}.project-tile>a{align-self:flex-end;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--blue);color:var(--blue);font-size:1.2rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);margin-bottom:130px}.stats-grid>div{padding:30px 25px;border-right:1px solid var(--line);display:flex;gap:15px;align-items:center}.stats-grid>div:last-child{border:0}.stats-grid strong{font-size:3rem;letter-spacing:-.08em;color:var(--blue)}.stats-grid span{font:400 .67rem/1.5 var(--mono);color:var(--muted)}.closing-cta{text-align:center}.closing-cta h2{font-size:clamp(3.2rem,7vw,7rem);margin-bottom:35px}.site-footer{border-top:1px solid var(--line);padding:45px 0 22px;color:var(--muted);font-size:.76rem}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:25px;align-items:start}.footer-grid p{font-size:.77rem}.footer-grid>div{text-align:right}.footer-grid a:hover{color:var(--blue)}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:44px;padding-top:18px;font:400 .61rem var(--mono)}.reveal{animation:rise .8s both}.reveal:nth-child(2){animation-delay:.1s}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(max-width:800px){.site-header{height:70px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:69px;left:0;right:0;padding:25px;background:var(--navy);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:22px}.site-nav.open{display:flex}.site-nav .nav-cta{text-align:center}.hero{grid-template-columns:1fr;padding-top:75px;min-height:auto}.hero-art{min-height:390px;order:-1}.portrait-frame{width:210px}.orbit-one{width:300px;height:125px}.orbit-two{height:330px;width:220px}.hero-note{right:5%;bottom:0}.section-intro{grid-template-columns:1fr;gap:35px}.section{padding-block:85px}.project-preview-grid{grid-template-columns:1fr}.project-tile{min-height:280px}.signal-grid{grid-template-columns:1fr;gap:12px}.signal-line{display:none}.signal-grid .mono{text-align:left}.stats-grid{grid-template-columns:1fr;margin-bottom:85px}.stats-grid>div{border-right:0;border-bottom:1px solid var(--line)}.footer-grid{grid-template-columns:1fr}.footer-grid>div{text-align:left}.button-row{align-items:flex-start;flex-direction:column;gap:20px}.wrap,.section-dark>.wrap{width:min(100% - 36px,1160px)}}
.page-hero{padding:130px 0 90px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(3.3rem,8vw,7.5rem);max-width:850px;margin:0}.page-hero p{max-width:610px;color:var(--muted);font-size:1.12rem;margin:28px 0 0}.content-section{padding:90px 0}.content-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:70px}.content-grid h2{font-size:clamp(2rem,4vw,4rem);margin:0}.content-copy{color:var(--muted);font-size:1.05rem}.content-copy p{margin-bottom:20px}.service-grid,.qual-grid,.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card,.qual-card,.testimonial-card{border:1px solid var(--line);padding:26px;background:rgba(17,26,43,.58);min-height:260px}.service-card:nth-child(2){border-color:var(--blue)}.service-card h3,.qual-card h3{font-size:1.4rem;margin:30px 0 12px}.card-number{font:400 .7rem var(--mono);color:var(--blue)}.service-card p,.qual-card p,.testimonial-card p{color:var(--muted);font-size:.86rem}.project-list{display:grid;gap:18px}.project-detail{display:grid;grid-template-columns:1fr 1.4fr;gap:30px;border-block:1px solid var(--line);padding:30px 0}.project-detail h2{font-size:clamp(2rem,4vw,4rem);margin:10px 0}.project-detail p{color:var(--muted);max-width:550px}.project-detail .project-visual{min-height:250px;padding:25px;background:linear-gradient(135deg,#123b57,#0b0f1a);display:flex;align-items:end;border:1px solid var(--line)}.project-visual.blue{background:linear-gradient(135deg,#1d587f,#101827)}.project-visual.outline{background:transparent}.project-visual span{font:400 .7rem var(--mono);color:var(--lime)}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.tag{font:400 .64rem var(--mono);color:var(--blue);border:1px solid var(--line);padding:7px 9px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-list{display:grid;gap:20px}.contact-list span{display:block;font:400 .63rem var(--mono);color:var(--blue);margin-bottom:5px}.contact-list a{font-size:1.2rem}.form-panel{border:1px solid var(--line);padding:28px;background:rgba(17,26,43,.6)}.form-panel label{display:block;font:400 .65rem var(--mono);color:var(--muted);margin-bottom:8px}.form-panel input,.form-panel textarea{width:100%;background:var(--navy);border:1px solid var(--line);color:var(--white);padding:13px;margin-bottom:18px;font:inherit}.form-panel textarea{min-height:130px;resize:vertical}.admin-box{border:1px dashed var(--blue);padding:30px;background:rgba(56,189,248,.05)}.admin-box h2{margin-top:0}.admin-note{font-size:.78rem;color:var(--muted);border-left:2px solid var(--orange);padding-left:14px}.upload-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:25px}.upload-item{border:1px solid var(--line);padding:20px}.upload-item h3{font-size:1rem}.upload-item input{width:100%;color:var(--muted);font-size:.75rem}.quote-mark{font-size:3rem;color:var(--blue);line-height:.6}.testimonial-card{min-height:220px}.testimonial-card strong{display:block;margin-top:25px}.testimonial-card small{color:var(--blue);font:400 .62rem var(--mono)}
@media(max-width:800px){.content-grid,.contact-grid,.project-detail{grid-template-columns:1fr;gap:30px}.service-grid,.qual-grid,.testimonial-grid,.upload-grid{grid-template-columns:1fr}.page-hero{padding:90px 0 65px}.content-section{padding:65px 0}}
.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:55px 0 130px}.proof-grid article{border:1px solid var(--line);padding:24px;background:rgba(17,26,43,.58);display:grid;gap:5px}.proof-grid strong{font-size:2.7rem;line-height:1;color:var(--blue);letter-spacing:-.08em}.proof-grid span{font-weight:600}.proof-grid small{font:400 .62rem var(--mono);color:var(--muted)}img,video,iframe{max-width:100%;height:auto}button,.button,input,select,textarea{min-height:44px}textarea{min-height:120px}body{overflow-x:hidden}.wrap{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}@media(max-width:800px){.proof-grid{grid-template-columns:1fr;margin:38px 0 85px}.proof-grid article{grid-template-columns:auto 1fr;align-items:center}.proof-grid strong{grid-row:span 2}.proof-grid small{grid-column:2}}
.tool-logo-cloud{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;opacity:.4}.tool-logo{position:absolute;top:0;width:38px;height:38px;animation:logo-drift var(--logo-time) linear infinite;animation-delay:var(--logo-delay)}.tool-logo svg{display:block;width:100%;height:100%;filter:drop-shadow(0 0 8px rgba(56,189,248,.35))}@keyframes logo-drift{from{transform:translate3d(0,108vh,0) rotate(-18deg);opacity:0}12%{opacity:.75}88%{opacity:.75}to{transform:translate3d(var(--logo-drift),-15vh,0) rotate(24deg);opacity:0}}.project-manager{margin-top:28px}.project-admin-row small{color:var(--muted);font-family:var(--mono)}
.hero-art{overflow:hidden}.site-nav{flex-wrap:wrap}@media(max-width:1050px) and (min-width:801px){.site-header{padding-inline:24px}.site-nav{gap:12px}.site-nav .nav-cta{padding:9px 10px}.hero{gap:18px}.hero-art{min-width:0}}
.preview-modal{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:24px;background:rgba(5,9,16,.9);backdrop-filter:blur(12px)}.preview-modal[hidden]{display:none}.preview-window{width:min(1100px,100%);height:min(760px,90vh);background:var(--navy-2);border:1px solid var(--blue);box-shadow:10px 10px 0 rgba(56,189,248,.2);display:flex;flex-direction:column}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-bottom:1px solid var(--line);font:400 .68rem var(--mono);color:var(--muted)}.preview-toolbar strong{color:var(--white);font-family:var(--display)}.preview-actions{display:flex;align-items:center;gap:10px}.preview-actions a,.preview-actions button{min-height:36px;padding:8px 12px;border:1px solid var(--line);background:transparent;color:var(--white);cursor:pointer}.preview-actions a{color:var(--blue);border-color:var(--blue)}.preview-window iframe{width:100%;height:100%;border:0;background:#fff}.preview-button{background:transparent;color:var(--blue);border:1px solid var(--blue);cursor:pointer;margin:18px 12px 0 0;padding:9px 12px;font:500 .68rem var(--mono)}