:root{--ink:#10231c;--muted:#68766f;--paper:#f7f5ef;--white:#fff;--lime:#c9ee54;--line:#dce1dc;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,'Noto Sans Sinhala',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(247,245,239,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(16,35,28,.08)}.nav-wrap{height:82px;display:flex;align-items:center;gap:40px}.brand{display:flex;align-items:center;gap:11px;margin-right:auto}.brand>span{width:41px;height:41px;display:grid;place-items:center;background:var(--ink);color:var(--lime);border-radius:50%;font-weight:800}.brand strong{font-size:12px;line-height:1.05;text-transform:uppercase;letter-spacing:.08em}.nav{display:flex;gap:28px;font-size:13px;font-weight:700}.nav a{position:relative}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:2px;background:var(--ink);transition:.25s}.nav a:hover:after{right:0}.lang-switch{display:flex;background:#e9ebe5;border-radius:99px;padding:3px;font-size:12px;font-weight:800}.lang-switch a{padding:7px 10px;border-radius:99px}.lang-switch .active{background:var(--ink);color:white}.menu-toggle{display:none;border:0;background:transparent;font-size:23px}.hero{min-height:735px;position:relative;overflow:hidden;padding:72px 0 54px;background:radial-gradient(circle at 80% 30%,#e0f3a5 0,transparent 28%),var(--paper)}.hero-orb{position:absolute;width:480px;height:480px;border:1px solid rgba(16,35,28,.08);border-radius:50%;right:-130px;top:85px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.2em;margin-bottom:21px}.hero h1,.page-hero h1,.project-title h1{font-size:clamp(48px,6.8vw,92px);line-height:.94;letter-spacing:-.065em;margin:0 0 30px}.hero h1 em{color:#78867e;font-style:normal}.hero-copy>p{max-width:620px;color:var(--muted);font-size:17px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:38px}.btn{background:var(--ink);color:white;border-radius:99px;padding:17px 24px;font-weight:700;font-size:13px}.btn span{color:var(--lime);margin-left:18px}.text-link{font-size:13px;font-weight:800;border-bottom:1px solid currentColor;padding-bottom:5px}.portrait-card{position:relative;border-radius:240px 240px 24px 24px;overflow:hidden;background:#dfe8dc}.portrait-card img{width:100%;height:540px;object-fit:cover;object-position:top}.portrait-label{position:absolute;bottom:18px;left:18px;right:18px;padding:14px 18px;background:rgba(255,255,255,.88);backdrop-filter:blur(8px);border-radius:13px;font-size:12px;font-weight:700;text-align:center}.hero-portrait{position:relative}.seal{position:absolute;left:-38px;bottom:70px;width:90px;height:90px;border-radius:50%;background:var(--lime);display:grid;place-content:center;text-align:center;font-weight:900;font-size:20px;transform:rotate(-8deg)}.seal small{font-size:8px;letter-spacing:.18em}.stats{background:var(--ink);color:white}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:35px 0}.stats-grid div{padding:0 30px;border-right:1px solid rgba(255,255,255,.13)}.stats-grid div:first-child{padding-left:0}.stats-grid div:last-child{border:0}.stats strong{display:block;color:var(--lime);font-size:30px}.stats span{font-size:11px;color:#b8c2bd}.section{padding:110px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:110px}.split h2,.section-head h2,.footer h2{font-size:clamp(34px,4vw,58px);line-height:1.1;letter-spacing:-.045em;margin:0}.split p{color:var(--muted);line-height:1.9;margin:39px 0 30px}.disciplines{background:white}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px}.type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.type-card{position:relative;min-height:280px;padding:28px;background:#f4f4ef;border-radius:var(--radius);transition:.3s;overflow:hidden}.type-card:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:var(--accent);right:-75px;bottom:-75px;transition:.3s}.type-card:hover{transform:translateY(-6px);background:var(--ink);color:white}.type-card:hover:after{transform:scale(1.35)}.type-card>span{font-size:11px;color:var(--muted)}.type-card h3{font-size:25px;margin:75px 0 12px}.type-card p{color:var(--muted);font-size:13px;line-height:1.6;max-width:80%}.type-card b{position:absolute;right:28px;top:28px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 20px}.project-card{display:block}.project-image{height:290px;position:relative;overflow:hidden;border-radius:18px;background:#e9ebe5}.project-image img{width:100%;height:100%;object-fit:cover;transition:.5s}.project-card:hover img{transform:scale(1.04)}.project-image span{position:absolute;top:14px;left:14px;background:var(--accent);padding:7px 11px;border-radius:99px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.project-meta{padding:17px 5px}.project-meta small{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.project-meta h3{font-size:20px;margin:9px 0 5px}.project-meta p{font-size:12px;color:var(--muted);margin:0}.page-hero{padding:100px 0 60px}.page-hero p{color:var(--muted);font-size:17px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:-50px 0 45px}.filters a{border:1px solid var(--line);padding:10px 16px;border-radius:99px;font-size:12px;font-weight:700}.filters .active{background:var(--ink);color:white}.project-hero{padding:75px 0 50px}.back{font-size:12px;font-weight:700;color:var(--muted)}.project-title{margin-top:55px;display:grid;grid-template-columns:1.5fr .5fr;gap:60px;align-items:end}.project-title h1{font-size:clamp(45px,6vw,80px);margin:0}.project-facts{display:grid;gap:20px}.project-facts span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.project-facts b{display:block;color:var(--ink);font-size:13px;text-transform:none;letter-spacing:0;margin-top:5px}.project-banner{display:block;border-radius:22px;overflow:hidden;background:#e8ebe4}.project-banner img{width:100%;max-height:700px;object-fit:cover}.project-body{max-width:760px;margin:75px auto 120px}.prose{font-size:17px;line-height:1.9;color:#46534d}.prose img{border-radius:15px}.empty{padding:100px 20px;text-align:center;color:var(--muted)}.footer{background:#0b1a15;color:white;padding:90px 0 25px}.footer-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:80px;align-items:end}.footer h2{max-width:700px}.footer p{color:#9aaba3;line-height:1.7}.footer .text-link{color:var(--lime)}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:70px;padding-top:22px;font-size:10px;color:#819087;display:flex;justify-content:space-between}
@media(max-width:800px){.container{width:min(100% - 28px,1180px)}.nav-wrap{height:68px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:68px;left:0;right:0;background:var(--paper);padding:25px;flex-direction:column;border-bottom:1px solid var(--line)}.nav.open{display:flex}.hero{padding-top:45px;min-height:auto}.hero-grid,.split,.project-title,.footer-grid{grid-template-columns:1fr;gap:45px}.hero-copy{order:1}.hero-portrait{max-width:420px;margin:auto}.portrait-card img{height:460px}.seal{left:-5px}.stats-grid{grid-template-columns:1fr 1fr;gap:25px}.stats-grid div{padding:0;border:0}.section{padding:75px 0}.type-grid,.project-grid{grid-template-columns:1fr 1fr}.project-image{height:245px}.project-title{margin-top:35px}.footer-grid{gap:35px}}@media(max-width:520px){.brand strong{display:none}.hero h1{font-size:51px}.hero-actions{align-items:flex-start;flex-direction:column}.portrait-card img{height:390px}.stats strong{font-size:25px}.type-grid,.project-grid{grid-template-columns:1fr}.type-card{min-height:235px}.type-card h3{margin-top:48px}.project-image{height:290px}.section-head{align-items:start;gap:25px;flex-direction:column}.filters{margin-top:-25px}.lang-switch a{padding:6px 8px}}

.web-hero{background:linear-gradient(120deg,#f7f5ef 55%,#e5f3b8)}.web-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 26px}.web-shot{display:block;position:relative;overflow:hidden;border-radius:20px;background:#e5e9e4;aspect-ratio:16/10}.web-shot img{width:100%;height:100%;object-fit:cover;object-position:top;transition:.6s}.web-card:hover .web-shot img{transform:scale(1.025)}.status-dot{position:absolute;left:17px;top:17px;background:#ececec;border-radius:99px;padding:8px 12px;font-size:9px;font-weight:800;text-transform:uppercase}.status-dot:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#999;margin-right:6px}.status-dot.online{background:#e8f7bd}.status-dot.online:before{background:#5c8d19}.web-info{display:flex;justify-content:space-between;padding:19px 5px}.web-info small{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.13em}.web-info h2{font-size:24px;margin:8px 0}.web-info p{font-size:12px;color:var(--muted);margin:0}.round-link{flex:0 0 42px;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-weight:800}.browser-frame{border:1px solid #cfd7d1;border-radius:20px;overflow:hidden;background:white;box-shadow:0 25px 70px rgba(16,35,28,.12)}.browser-bar{height:48px;display:flex;align-items:center;gap:7px;padding:0 16px;background:#edf0ec}.browser-bar i{width:8px;height:8px;border-radius:50%;background:#b7c0b9}.browser-bar span{margin:auto;font-size:10px;color:var(--muted);background:white;border-radius:99px;padding:7px 25px;min-width:35%;text-align:center}.browser-frame>img{width:100%;max-height:850px;object-fit:cover;object-position:top}.link-row{display:flex;align-items:center;gap:25px;margin-top:30px}.page-gallery{padding-bottom:110px}.page-gallery>img{width:100%;margin-top:25px;border-radius:18px;border:1px solid var(--line)}.career-hero{background:var(--ink);color:white}.career-hero p{color:#b7c4be}.career-item{display:grid;grid-template-columns:170px 1fr;gap:50px;padding:0 0 90px}.career-date{font-size:12px;font-weight:800;padding-top:23px;color:var(--muted)}.career-date span{margin:0 8px}.career-content{border-left:1px solid var(--line);padding-left:55px;position:relative}.career-content:before{content:'';position:absolute;width:11px;height:11px;border-radius:50%;background:var(--lime);border:5px solid white;left:-11px;top:20px}.company-head{display:flex;align-items:center;gap:17px}.company-logo{width:66px;height:66px;display:grid;place-items:center;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#f6f7f3;font-size:25px;font-weight:900}.company-logo img{width:100%;height:100%;object-fit:contain;padding:8px}.company-head small{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.company-head h2{font-size:30px;margin:4px 0}.company-head .round-link{margin-left:auto}.company-copy{max-width:760px;color:var(--muted);line-height:1.8}.role{margin-top:28px;padding:28px;background:#f5f6f2;border-radius:16px}.role-top{display:flex;justify-content:space-between;gap:25px}.role h3{margin:0;font-size:20px}.role-top span{font-size:10px;color:var(--muted);white-space:nowrap}.role-copy,.role p{font-size:13px;color:#536159;line-height:1.8}.company-projects{margin-top:45px}.mini-project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.mini-project{border:1px solid var(--line);border-radius:15px;padding:16px}.mini-project img{width:100%;height:160px;object-fit:cover;border-radius:10px;margin-bottom:15px}.mini-project small{font-size:9px;color:var(--muted)}.mini-project h4{font-size:16px;margin:6px 0}.mini-project p{font-size:11px;color:var(--muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:800px){.web-grid{grid-template-columns:1fr}.career-item{grid-template-columns:1fr;gap:14px;padding-bottom:65px}.career-content{padding-left:25px}.role-top{flex-direction:column;gap:8px}.mini-project-grid{grid-template-columns:1fr}.nav{max-height:calc(100vh - 68px);overflow:auto}}@media(max-width:520px){.web-shot{aspect-ratio:4/3}.browser-bar span{min-width:60%}.link-row{align-items:flex-start;flex-direction:column}.company-head{align-items:flex-start;flex-wrap:wrap}.company-head .round-link{margin-left:0}}