:root{
  --ink:#101010;
  --muted:#6c6a64;
  --paper:#f2f0eb;
  --line:#d6d3cc;
  --lime:#cfff3f;
  --blue:#3026b8;
  --blue-soft:#bdb8ef;
  --white:#fff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
.nav{height:82px;padding:0 5vw;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#f2f0ebee;backdrop-filter:blur(14px);z-index:100}
.brand{display:flex;align-items:center;gap:8px;font:800 21px/1 Manrope,Arial;letter-spacing:-.07em}
.brand span{font-size:10px;color:var(--lime)}
.nav nav{display:flex;gap:30px;font-size:13px}
.nav nav a{color:var(--blue);font-weight:600}
.nav nav a:hover{opacity:.55}
.nav-btn{background:var(--ink);color:#fff;padding:14px 18px;font-size:12px;font-weight:700}
.nav-btn span{color:var(--lime);margin-left:18px}
.menu{display:none;background:none;border:0;font-size:24px}
.hero{padding:100px 5vw 110px;min-height:680px;display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;align-items:center;border-bottom:1px solid var(--line)}
.kicker,.label{font-size:10px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}
.kicker i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lime);margin-right:8px}
.hero h1{font:800 clamp(58px,7vw,106px)/.88 Manrope,Arial;letter-spacing:-.075em;margin:27px 0 18px}
.hero h1 em{font-style:normal;color:#77766f}
.hero-intro{font:700 25px/1.1 Manrope;letter-spacing:-.04em;margin:0 0 20px}
.hero-copy{max-width:600px;color:var(--muted);line-height:1.7;font-size:16px}
.actions{display:flex;gap:28px;align-items:center;margin-top:35px}
.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border:0;padding:16px 20px;font-weight:700;cursor:pointer}
.btn.dark{background:var(--ink);color:#fff}.btn.dark strong{color:var(--lime)}
.btn.lime{background:var(--lime);color:var(--ink)}
.under{font-size:13px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:7px}
.hero-art{min-height:480px;position:relative;display:grid;place-items:center}
.orbit{width:min(42vw,480px);height:min(42vw,480px);min-width:330px;min-height:330px;position:relative;display:grid;place-items:center}
.ring{position:absolute;inset:0;border:1px solid #bbb8b0;border-radius:50%}.ring.two{inset:12%;border-style:dashed}.ring.three{inset:26%;border-color:var(--ink)}
.core{width:160px;height:160px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-content:center;text-align:center;box-shadow:0 25px 60px #0002}
.core b{font:800 22px Manrope;letter-spacing:-.07em}.core small{font-size:8px;letter-spacing:.15em;color:var(--lime);margin-top:7px}
.orbit-dot{position:absolute;width:14px;height:14px;background:var(--lime);border-radius:50%}.od1{right:18%;top:14%}.od2{left:8%;bottom:22%;width:9px;height:9px;background:var(--ink)}.od3{right:3%;bottom:35%;width:8px;height:8px}
.hero-note{position:absolute;right:0;bottom:4px;background:#fff;padding:17px;display:flex;gap:12px;align-items:center;box-shadow:0 18px 50px #0001;min-width:245px}
.hero-note i{width:9px;height:9px;background:var(--lime);border-radius:50%}.hero-note div{display:grid;gap:3px}.hero-note b{font-size:11px}.hero-note small{font-size:9px;color:#777}.hero-note strong{margin-left:auto}
.ticker{overflow:hidden;background:var(--ink);color:#fff;padding:17px 0;white-space:nowrap;font:700 11px Manrope;letter-spacing:.14em}.ticker div{width:max-content;animation:marquee 30s linear infinite}.ticker b{color:var(--lime);margin:0 22px}@keyframes marquee{to{transform:translateX(-30%)}}
.section{padding:120px 5vw}
.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:10vw;margin-top:48px}
.two-col h2,.section-title,.contact h2{font:800 clamp(43px,5.3vw,76px)/.94 Manrope;letter-spacing:-.07em;margin:0}
.two-col h2 span,.section-title span,.contact h2 em{font-style:normal;color:#77766f}
.copy{max-width:540px}.copy p{font-size:15px;line-height:1.7;color:var(--muted)}.copy .big{font-size:22px;line-height:1.45;color:var(--ink)}
.arrow{display:inline-block;margin-top:20px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:8px}.arrow span{margin-left:20px}
.services{background:var(--ink);color:#fff}.services .label{color:var(--lime)}
.service-intro{display:flex;align-items:end;justify-content:space-between;gap:50px;margin:35px 0 70px}.service-intro p{max-width:430px;color:#aaa;line-height:1.65;font-size:14px}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #383835}
.service-card{padding:27px 25px 28px 0;border-right:1px solid #383835;min-height:390px;position:relative}.service-card:not(:first-child){padding-left:25px}.service-card:last-child{border-right:0}
.service-card small{color:#777}.service-icon{font-size:34px;color:var(--lime);margin:42px 0 25px}.service-card h3{font:700 23px Manrope;margin:0 0 12px;letter-spacing:-.04em}.service-card p{color:#999;font-size:13px;line-height:1.6;max-width:280px}.service-card a{position:absolute;bottom:27px;color:var(--lime);font-size:11px;font-weight:700}
.statement{padding:125px 10vw;background:var(--blue);color:#fff}.quote{font:800 80px/0.5 Manrope}.statement h2{font:800 clamp(37px,5vw,70px)/1.02 Manrope;letter-spacing:-.065em;max-width:1100px}.statement h2 span{color:var(--blue-soft)}.statement p{font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--lime)}
.work{background:#e8e6df}.work-head{display:grid;grid-template-columns:1.25fr .75fr;gap:10vw;margin:35px 0 55px}.work-head p{color:var(--muted);line-height:1.65}
.work-feature{height:590px;position:relative;overflow:hidden}.construction{height:100%;background:linear-gradient(125deg,#1b1e1b,#596057 45%,#d5cbb8)}.construction:before{content:"";position:absolute;inset:8% 7% 0;background:linear-gradient(122deg,transparent 30%,#ded6c8 30.7% 33%,transparent 33.7% 51%,#171a17 51.7% 54%,transparent 54.7%),linear-gradient(180deg,#747b70 0 27%,#333832 27%);opacity:.9}.grid-lines{position:absolute;inset:0;background:linear-gradient(90deg,#fff1 1px,transparent 1px),linear-gradient(#fff1 1px,transparent 1px);background-size:80px 80px;opacity:.18}.feature-copy{position:absolute;left:5%;bottom:6%;color:#fff;max-width:520px}.feature-copy small{font-size:9px;letter-spacing:.15em}.feature-copy h3{font:800 48px/.92 Manrope;letter-spacing:-.06em;margin:14px 0}.feature-copy p{max-width:420px;color:#ddd;font-size:13px;line-height:1.6}.feature-copy a{display:inline-block;color:var(--lime);border-bottom:1px solid var(--lime);padding-bottom:6px;font-size:11px;font-weight:700}
.mini-work{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.mini-card{background:var(--ink);color:#fff;min-height:180px;padding:25px;display:flex;flex-direction:column;justify-content:space-between}.mini-card span{font-size:9px;color:var(--lime);letter-spacing:.13em}.mini-card b{font:700 20px/1.1 Manrope;letter-spacing:-.04em;max-width:300px}
.process .steps{margin-top:70px}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #c7c4bc}.step{padding:25px 25px 0 0;border-right:1px solid #c7c4bc;min-height:230px}.step:not(:first-child){padding-left:25px}.step:last-child{border-right:0}.step span{font-size:10px;color:#888}.step h3{font:700 24px Manrope;margin:45px 0 10px;letter-spacing:-.04em}.step p{font-size:13px;color:var(--muted);line-height:1.6}
.about{background:#dfddd6;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.about-list{border-top:1px solid #b8b6af}.about-list div{display:grid;grid-template-columns:45px 1fr;padding:25px 0;border-bottom:1px solid #b8b6af}.about-list b{font-size:10px;color:#888}.about-list h3{font:700 22px Manrope;margin:0}.about-list p{grid-column:2;color:var(--muted);line-height:1.6;font-size:13px;margin:10px 0 0}
.contact{background:var(--ink);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.contact .label{color:var(--lime)}.contact h2{margin:30px 0}.contact>div>p{max-width:480px;color:#aaa;line-height:1.7}.contact-line{display:grid;gap:8px;margin-top:50px;font-size:12px}.contact-line span:first-child{color:var(--lime)}.contact form{display:grid;gap:20px}.contact label{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#999}.contact input,.contact select,.contact textarea{display:block;width:100%;margin-top:7px;border:0;border-bottom:1px solid #444;background:none;color:#fff;padding:11px 0;outline:0}.contact select option{background:var(--ink)}.contact input:focus,.contact select:focus,.contact textarea:focus{border-color:var(--lime)}
footer{background:var(--ink);color:#fff;padding:0 5vw 25px}.foot-top{border-top:1px solid #333;padding:50px 0;display:flex;align-items:center;justify-content:space-between}.foot-top p{color:#777;font-size:12px}.foot-top>a:last-child{font-size:12px;font-weight:700;border-bottom:1px solid #555;padding-bottom:7px}.foot-bottom{border-top:1px solid #333;padding-top:20px;display:flex;justify-content:space-between;color:#666;font-size:9px}

.inner-hero{padding:90px 5vw 105px;background:var(--ink);color:#fff}.inner-hero .label{color:var(--lime)}.inner-hero h1{font:800 clamp(55px,8vw,115px)/.86 Manrope;letter-spacing:-.08em;max-width:1000px;margin:30px 0}.inner-hero h1 span{color:#777}.inner-hero p{max-width:650px;color:#aaa;line-height:1.7;font-size:17px}
.page-intro{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:start}.page-intro p{font-size:20px;line-height:1.5}.page-intro .small-copy{font-size:15px;color:var(--muted);line-height:1.7}
.capabilities{background:#e8e6df}.cap-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:55px}.cap{background:#fff;padding:32px;min-height:250px;border:1px solid #e0ddd6}.cap b{color:var(--blue);font-size:11px}.cap h3{font:700 28px Manrope;letter-spacing:-.04em;margin:50px 0 12px}.cap p{font-size:14px;line-height:1.65;color:var(--muted)}
.selector{background:var(--lime)}.selector h2{font:800 clamp(43px,5vw,70px)/.95 Manrope;letter-spacing:-.06em;max-width:800px}.selector-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:35px}.selector-buttons button{border:1px solid #111;background:transparent;padding:13px 17px;font-weight:700;cursor:pointer}.selector-buttons button.active,.selector-buttons button:hover{background:#111;color:#fff}.selector-result{background:#111;color:#fff;padding:28px;margin-top:25px;max-width:800px}.selector-result small{color:var(--lime);letter-spacing:.12em}.selector-result h3{font:700 27px Manrope;margin:12px 0}.selector-result p{color:#aaa;line-height:1.6;margin:0}
.cta-strip{background:var(--blue);color:#fff;padding:80px 5vw;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-strip h2{font:800 clamp(35px,4vw,60px)/.95 Manrope;letter-spacing:-.06em;margin:0}.cta-strip h2 span{color:var(--blue-soft)}.cta-strip .btn{background:var(--lime);color:#111}

.detail-hero{padding:90px 5vw 100px}.detail-hero .label{color:var(--blue)}.detail-hero h1{font:800 clamp(55px,8vw,110px)/.87 Manrope;letter-spacing:-.08em;max-width:1100px;margin:30px 0}.detail-hero h1 span{color:#777}.detail-hero .lead{font-size:22px;line-height:1.5;max-width:720px}.service-visual{height:420px;background:var(--ink);position:relative;overflow:hidden;margin-top:65px}.service-visual:before{content:"";position:absolute;width:600px;height:600px;border:1px solid #ffffff22;border-radius:50%;left:52%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 80px #ffffff08,0 0 0 160px #ffffff05}.service-visual .visual-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;background:var(--lime);display:grid;place-content:center;text-align:center;font:800 20px Manrope;letter-spacing:-.05em}.service-content{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.service-content h2{font:800 clamp(40px,4.5vw,65px)/.95 Manrope;letter-spacing:-.06em;margin:0}.service-content p{color:var(--muted);line-height:1.7}.service-content ul{padding:0;list-style:none;border-top:1px solid var(--line);margin:30px 0}.service-content li{padding:18px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-weight:700}.service-content li span{color:var(--blue)}
.service-content .capability-list{
  border-top:1px solid var(--line);
  margin:30px 0;
}
.capability-row{
  width:100%;
  border:0;
  border-bottom:1px solid var(--line);
  background:transparent;
  padding:19px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  text-align:left;
  color:var(--ink);
  cursor:pointer;
  font-weight:700;
}
.capability-row:hover .capability-title{color:var(--blue)}
.capability-arrow{
  color:var(--blue);
  font-size:16px;
  transition:transform .25s ease;
}
.capability-row[aria-expanded="true"] .capability-arrow{
  transform:rotate(45deg);
}
.capability-answer{
  display:grid;
  grid-template-rows:0fr;
  transition:grid-template-rows .3s ease;
}
.capability-answer p{
  overflow:hidden;
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.7;
}
.capability-answer.open{
  grid-template-rows:1fr;
}
.capability-answer.open p{
  padding:0 0 22px;
}

.faq{background:#e8e6df}.faq-list{max-width:900px;margin-top:45px}.faq-item{border-top:1px solid #bbb8b0}.faq-item button{width:100%;border:0;background:none;text-align:left;padding:24px 0;display:flex;justify-content:space-between;font:700 18px Manrope;cursor:pointer}.faq-item .answer{display:none;color:var(--muted);line-height:1.65;max-width:720px;padding:0 0 24px}.faq-item.open .answer{display:block}.faq-item.open button span{transform:rotate(45deg)}

.reveal{opacity:0;transform:translateY(20px);transition:.7s ease}.reveal.in{opacity:1;transform:none}
@media(max-width:850px){
.nav nav,.nav-btn{display:none}.menu{display:block}.hero{grid-template-columns:1fr;padding-top:65px}.hero-art{min-height:390px}.orbit{width:390px;height:390px}
.service-grid{grid-template-columns:1fr 1fr}.service-card{border-bottom:1px solid #383835}.work-head,.two-col,.about,.contact,.page-intro,.service-content{grid-template-columns:1fr;gap:45px}.steps{grid-template-columns:1fr 1fr}.step{border-bottom:1px solid #c7c4bc}.cap-grid{grid-template-columns:1fr}.cta-strip{display:block}.cta-strip .btn{margin-top:30px}
}
@media(max-width:520px){
.nav{height:70px;padding:0 6vw}.hero{padding:60px 6vw 75px}.hero h1{font-size:55px}.hero-intro{font-size:21px}.orbit{min-width:300px;min-height:300px;width:300px;height:300px}.core{width:125px;height:125px}.core b{font-size:18px}.hero-note{right:0}
.section{padding:75px 6vw}.two-col h2,.section-title,.contact h2{font-size:48px}.service-intro{display:block}.service-grid{grid-template-columns:1fr}.service-card,.service-card:not(:first-child){padding-left:0;border-right:0}.steps{grid-template-columns:1fr}.step,.step:not(:first-child){padding-left:0;border-right:0}.work-feature{height:470px}.feature-copy h3{font-size:36px}.mini-work{grid-template-columns:1fr}.statement{padding:80px 6vw}.inner-hero{padding:70px 6vw 80px}.inner-hero h1,.detail-hero h1{font-size:58px}.detail-hero{padding:70px 6vw 80px}.service-visual{height:300px}.foot-top,.foot-bottom{display:grid;gap:18px}.actions{flex-direction:column;align-items:flex-start}
}


.admin-shell{min-height:100vh;background:var(--paper)}
.admin-shell [hidden]{display:none !important}
.admin-top{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:var(--paper);position:sticky;top:0;z-index:10}
.admin-top .brand{font-size:20px}.admin-top-right{display:flex;align-items:center;gap:20px}.admin-user{font-size:12px;color:var(--muted)}
.admin-btn{border:1px solid var(--ink);background:transparent;padding:10px 14px;font-size:11px;font-weight:700;cursor:pointer}.admin-btn.dark{background:var(--ink);color:#fff}.admin-btn.danger{border-color:#b52d2d;color:#b52d2d}.admin-btn:hover{opacity:.7}
.login-wrap{min-height:calc(100vh - 76px);display:grid;place-items:center;padding:40px}.login-card{width:min(460px,100%);background:#fff;border:1px solid var(--line);padding:45px;box-shadow:0 20px 60px #0000000d}.login-card .label{color:var(--blue)}.login-card h1{font:800 44px/.95 Manrope;letter-spacing:-.06em;margin:24px 0 12px}.login-card p{color:var(--muted);line-height:1.6;font-size:14px}.login-card form{display:grid;gap:20px;margin-top:30px}.login-card label,.admin-modal label{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#777}.login-card input,.admin-modal input,.admin-modal textarea,.admin-modal select{display:block;width:100%;margin-top:7px;border:0;border-bottom:1px solid #ccc;background:transparent;padding:12px 0;outline:0}.login-card input:focus,.admin-modal input:focus,.admin-modal textarea:focus,.admin-modal select:focus{border-color:var(--blue)}.login-error{color:#b52d2d;font-size:12px;min-height:18px}
.dashboard{padding:55px 4vw}.dashboard-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}.dashboard-heading h1{font:800 clamp(44px,5vw,70px)/.9 Manrope;letter-spacing:-.07em;margin:20px 0 0}.dashboard-heading h1 span{color:#777}.dashboard-heading p{max-width:430px;color:var(--muted);font-size:14px;line-height:1.6}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:35px}.stat{background:#fff;border:1px solid var(--line);padding:22px}.stat small{display:block;color:#777;font-size:9px;letter-spacing:.13em;text-transform:uppercase}.stat strong{display:block;font:800 40px Manrope;letter-spacing:-.06em;margin-top:16px}.stat.new strong{color:var(--blue)}.stat.progress strong{color:#8c6a00}.stat.won strong{color:#27814b}.stat.lost strong{color:#a33}
.toolbar{background:#fff;border:1px solid var(--line);padding:15px;display:flex;gap:10px;align-items:center;margin-bottom:12px}.toolbar input,.toolbar select{border:1px solid #ddd;padding:11px 12px;background:#fff;min-width:180px;outline:0}.toolbar input:focus,.toolbar select:focus{border-color:var(--blue)}.toolbar .count{margin-left:auto;font-size:11px;color:var(--muted)}
.enquiry-table{background:#fff;border:1px solid var(--line);overflow:hidden}.table-head,.enquiry-row{display:grid;grid-template-columns:1.25fr 1.15fr .9fr .85fr .8fr 80px;gap:15px;align-items:center}.table-head{padding:13px 18px;background:#eeece6;color:#777;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.enquiry-row{padding:17px 18px;border-top:1px solid #e4e1da;cursor:pointer}.enquiry-row:hover{background:#faf9f5}.person strong{display:block;font-size:13px}.person small{display:block;color:#777;font-size:10px;margin-top:4px}.business-cell{font-size:12px;font-weight:700}.business-cell small{display:block;color:#777;font-weight:400;margin-top:4px}.contact-cell a{display:block;color:var(--blue);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-cell a:hover{text-decoration:underline}.status{display:inline-flex;padding:6px 8px;font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.status.new{background:#eceaff;color:var(--blue)}.status.in-progress{background:#fff1c9;color:#765900}.status.qualified{background:#dff3e7;color:#267448}.status.won{background:#cfff3f;color:#111}.status.lost{background:#f4dddd;color:#8d2727}.row-arrow{text-align:right;color:var(--blue);font-size:16px}.empty{padding:70px 25px;text-align:center;color:var(--muted)}
.admin-modal-backdrop{position:fixed;inset:0;background:#0008;display:none;align-items:center;justify-content:center;padding:25px;z-index:200}.admin-modal-backdrop.open{display:flex}.admin-modal{background:#fff;width:min(720px,100%);max-height:90vh;overflow:auto;padding:35px}.modal-top{display:flex;justify-content:space-between;gap:20px;align-items:start;border-bottom:1px solid var(--line);padding-bottom:20px}.modal-top h2{font:800 35px/.95 Manrope;letter-spacing:-.06em;margin:0}.modal-close{border:0;background:none;font-size:25px;cursor:pointer}.modal-meta{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0}.modal-meta div{background:#f5f3ee;padding:14px}.modal-meta small{display:block;color:#777;font-size:8px;text-transform:uppercase;letter-spacing:.12em}.modal-meta a,.modal-meta strong{display:block;margin-top:7px;font-size:13px;color:var(--blue);overflow-wrap:anywhere}.modal-message{background:#f5f3ee;padding:18px;margin-bottom:22px}.modal-message small{font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:#777}.modal-message p{font-size:14px;line-height:1.7;margin-bottom:0;white-space:pre-wrap}.modal-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.modal-form .full{grid-column:1/-1}.modal-actions{display:flex;justify-content:space-between;align-items:center;margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.modal-actions-left{display:flex;gap:8px}.save-message{font-size:11px;color:#267448}
@media(max-width:900px){.stats{grid-template-columns:1fr 1fr}.table-head{display:none}.enquiry-row{grid-template-columns:1fr auto;gap:10px}.enquiry-row>div:nth-child(2),.enquiry-row>div:nth-child(3),.enquiry-row>div:nth-child(4){grid-column:1}.enquiry-row>div:nth-child(5){grid-column:2;grid-row:1}.enquiry-row>div:nth-child(6){grid-column:2;grid-row:2}.dashboard-heading{display:block}.dashboard-heading p{margin-top:20px}.toolbar{flex-wrap:wrap}.toolbar .count{margin-left:0}.modal-meta,.modal-form{grid-template-columns:1fr}.modal-form .full{grid-column:auto}}
@media(max-width:520px){.dashboard{padding:35px 5vw}.stats{grid-template-columns:1fr 1fr}.stat strong{font-size:32px}.toolbar input,.toolbar select{width:100%;min-width:0}.login-card{padding:30px}.admin-top{padding:0 5vw}.admin-user{display:none}}
#formNote{min-height:18px;transition:opacity .2s ease}#formNote[data-type="success"]{color:var(--lime)}#formNote[data-type="error"]{color:#ff8b8b}#form button:disabled{opacity:.65;cursor:wait}

/* OUR WORK */
.work-hero p{max-width:720px}
.work-intro{background:var(--paper)}
.portfolio{background:#e8e6df}
.portfolio-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-top:35px}
.portfolio-filter{display:flex;flex-wrap:wrap;gap:8px}
.project-filter{border:1px solid #aaa79f;background:transparent;padding:11px 15px;font-size:11px;font-weight:700;cursor:pointer}
.project-filter:hover,.project-filter.active{background:var(--ink);border-color:var(--ink);color:#fff}
.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:60px}
.project-card{background:#fff;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}
.project-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px #0001}
.project-card.hidden{display:none}
.project-visual{height:380px;position:relative;overflow:hidden;padding:24px;color:#fff;display:flex;flex-direction:column;justify-content:space-between}
.project-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff0d,transparent 55%,#0002)}
.project-visual span{font-size:9px;letter-spacing:.16em;position:relative;z-index:2}
.project-visual b{font:800 56px/.82 Manrope;letter-spacing:-.07em;position:relative;z-index:2}
.project-visual i{font-style:normal;font-size:22px;position:absolute;right:24px;bottom:24px;z-index:2;color:var(--lime)}
.pv-one{background:linear-gradient(135deg,#121212,#45413b 45%,#8e9188)}
.pv-two{background:radial-gradient(circle at 68% 35%,#cfff3f 0 5%,transparent 5.5%),linear-gradient(145deg,#3026b8,#171717 60%)}
.pv-three{background:linear-gradient(125deg,#1c1d1b 0 35%,#706e67 35% 52%,#d3cbbd 52%)}
.pv-four{background:linear-gradient(135deg,#d4d0c6,#7e8179 55%,#171717)}
.project-meta{padding:26px}
.project-meta small{font-size:9px;color:#777;letter-spacing:.14em}
.project-meta h3{font:700 25px Manrope;letter-spacing:-.045em;margin:13px 0 9px}
.project-meta p{font-size:13px;color:var(--muted);line-height:1.6;max-width:470px}
.project-link{display:inline-block;color:var(--blue);font-size:11px;font-weight:700;border-bottom:1px solid var(--blue);padding-bottom:6px;margin-top:10px}
.logo-section{background:var(--ink);color:#fff;min-height:700px;padding:120px 5vw;display:grid;grid-template-columns:.65fr 1.35fr;gap:6vw;align-items:center;overflow:hidden}
.logo-heading .label{color:var(--lime)}
.logo-heading h2{font:800 clamp(45px,5vw,72px)/.93 Manrope;letter-spacing:-.07em;margin:30px 0}
.logo-heading h2 span{color:#777}
.logo-heading p{max-width:390px;color:#999;font-size:14px;line-height:1.7}
.logo-stage{height:560px;position:relative;display:grid;place-items:center;perspective:1200px}
.logo-orbit{position:absolute;width:440px;height:440px;transform-style:preserve-3d;animation:clientSpin 24s linear infinite}
.logo-stage:hover .logo-orbit{animation-play-state:paused}
.logo-card{position:absolute;width:155px;height:82px;background:#fff;color:#111;display:grid;place-content:center;text-align:center;font:800 17px/.85 Manrope;letter-spacing:-.05em;box-shadow:0 18px 45px #0004;backface-visibility:hidden}
.logo-card small{font-size:8px;letter-spacing:.15em;margin-top:7px;color:var(--blue)}
.logo-1{left:142px;top:-10px;transform:rotateX(8deg) rotateY(0deg)}
.logo-2{right:5px;top:102px;transform:rotateY(-55deg)}
.logo-3{right:30px;bottom:25px;transform:rotateY(-35deg)}
.logo-4{left:140px;bottom:-18px;transform:rotateY(0deg)}
.logo-5{left:5px;bottom:25px;transform:rotateY(35deg)}
.logo-6{left:0;top:102px;transform:rotateY(55deg)}
.logo-centre{width:170px;height:170px;border-radius:50%;background:var(--blue);display:grid;place-content:center;text-align:center;z-index:5;box-shadow:0 25px 70px #0005}
.logo-centre b{font:800 25px Manrope;letter-spacing:-.07em}
.logo-centre small{font-size:8px;letter-spacing:.15em;color:var(--lime);margin-top:8px}
@keyframes clientSpin{0%{transform:rotateY(0deg) rotateX(4deg)}50%{transform:rotateY(180deg) rotateX(-4deg)}100%{transform:rotateY(360deg) rotateX(4deg)}}
.proof{background:#dfddd6}
.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #bbb8b0;margin-top:55px}
.proof-grid>div{padding:28px 25px 0 0;border-right:1px solid #bbb8b0;min-height:240px}
.proof-grid>div:not(:first-child){padding-left:25px}
.proof-grid>div:last-child{border-right:0}
.proof-grid span{font-size:10px;color:#888}
.proof-grid h3{font:700 25px Manrope;letter-spacing:-.04em;margin:45px 0 10px}
.proof-grid p{font-size:13px;line-height:1.6;color:var(--muted);max-width:330px}
@media(max-width:850px){
  .portfolio-head,.logo-section{grid-template-columns:1fr;display:grid}
  .portfolio-grid{grid-template-columns:1fr}
  .logo-stage{height:500px}
  .proof-grid{grid-template-columns:1fr}
  .proof-grid>div{border-right:0;border-bottom:1px solid #bbb8b0}
  .proof-grid>div:not(:first-child){padding-left:0}
}
@media(max-width:520px){
  .portfolio-filter{margin-top:15px}
  .project-visual{height:300px}
  .project-visual b{font-size:43px}
  .logo-stage{height:390px}
  .logo-orbit{width:300px;height:300px}
  .logo-card{width:105px;height:62px;font-size:12px}
  .logo-1{left:98px}.logo-2{right:-2px;top:72px}.logo-3{right:10px;bottom:5px}.logo-4{left:97px;bottom:-8px}.logo-5{left:-2px;bottom:5px}.logo-6{left:-4px;top:72px}
  .logo-centre{width:125px;height:125px}.logo-centre b{font-size:18px}
}

/* PRAXIS DIGITAL LOGO */
.brand-logo{display:inline-flex;align-items:center;text-decoration:none}
.brand-logo img{display:block;width:54px;height:54px;object-fit:contain;border-radius:50%}
@media(max-width:700px){.brand-logo img{width:48px;height:48px}}