:root{--navy:#071b2f;--navy-2:#0b263b;--green:#0f8b8d;--green-2:#22d3ee;--mint:#ecfeff;--ink:#0c1b2b;--muted:#5f6f7d;--line:#dfe7ea;--white:#fff;--bg:#f7faf9;--shadow:0 20px 60px #04172524;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fff;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--green-2);outline-offset:2px;border-radius:4px}.skip-link{background:var(--navy);color:#fff;z-index:100;border-radius:0 0 12px;padding:.75rem 1.25rem;font-weight:700;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.container{width:min(1180px,100% - 40px);margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--green);font-size:.75rem;font-weight:800}.section{padding:96px 0}.section-title{letter-spacing:-.04em;margin:.55rem 0 1rem;font-size:clamp(2rem,4vw,4rem);line-height:1.05}.section-copy{max-width:700px;color:var(--muted);font-size:1.05rem}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:.7rem;padding:.9rem 1.25rem;font-weight:800;transition:all .25s;display:inline-flex}.btn-primary{color:#062015;background:linear-gradient(135deg,#22d3ee,#14b8a6)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px #22d3ee40}.btn-outline{color:#fff;background:#ffffff0d;border-color:#ffffff8c}.btn-outline:hover{background:#ffffff1f}.nav{z-index:50;backdrop-filter:blur(18px);background:#ffffffeb;border-bottom:1px solid #081d2e12;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;height:78px;display:flex}.brand{align-items:center;gap:.75rem;font-size:1.35rem;font-weight:900;display:flex}.brand small{letter-spacing:.18em;color:#526271;margin-top:-3px;font-size:.55rem;display:block}.brand-text b{color:var(--green)}.logo-mark{flex-shrink:0;width:42px;height:42px}.nav-links{align-items:center;gap:1.8rem;font-size:.95rem;font-weight:650;display:flex}.nav-links a{position:relative}.nav-links a:not(.btn):after{content:"";background:var(--green);height:2px;transition:all .25s;position:absolute;bottom:-7px;left:0;right:100%}.nav-links a:hover:after{right:0}.menu-btn{cursor:pointer;color:var(--ink);background:0 0;border:0;font-size:1.7rem;display:none}.hero{color:#fff;background:linear-gradient(90deg,#02111eeb 0%,#02111ea3 50%,#02111e2e 100%),radial-gradient(circle at 80% 20%,#22d3ee2e,#0000 28%),linear-gradient(135deg,#061a2d,#0b3a4b 52%,#0f766e);align-items:center;min-height:calc(100vh - 78px);display:grid;position:relative;overflow:hidden}.hero:before{content:"";opacity:.25;background:radial-gradient(circle at 70% 72%,#ffffff2e 0 2px,#0000 3px) 0 0/120px 120px,radial-gradient(circle at 78% 65%,#ffffff1a 0 2px,#0000 3px) 0 0/180px 180px;position:absolute;inset:0}.hero:after{content:"";background:linear-gradient(#124d4726,#00000059),repeating-linear-gradient(172deg,#0000 0 12px,#14b8a617 13px 14px);border-radius:50% 50% 0 0;height:54%;position:absolute;bottom:-18%;left:-10%;right:-10%;transform:rotate(-4deg)}.hero-inner{z-index:2;padding:86px 0;position:relative}.hero h1{letter-spacing:-.06em;max-width:900px;margin:.7rem 0 1.4rem;font-size:clamp(3.5rem,8vw,7rem);line-height:.92}.hero h1 span{color:var(--green-2)}.hero p{color:#dbe8e9;max-width:650px;font-size:clamp(1.05rem,1.8vw,1.3rem)}.hero-actions{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.hero-kicker{letter-spacing:.28em;text-transform:uppercase;color:#d9fbff;font-size:.74rem;font-weight:800}.hero-note{opacity:.9;text-align:center;max-width:260px;font-family:cursive;font-size:2rem;position:absolute;bottom:12%;right:6%;transform:rotate(-7deg)}.pillars{border-bottom:1px solid var(--line);background:#fff;padding:36px 0}.pillar-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.pillar{text-align:center;padding:20px}.icon{background:linear-gradient(135deg,#ecfeff,#e6f8fc);border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 14px;font-size:1.6rem;display:grid}.pillar h3{margin:.35rem 0 .2rem}.pillar p{color:var(--muted);white-space:nowrap;margin:0}.about-grid{grid-template-columns:1fr 1.15fr;align-items:center;gap:64px;display:grid}.art{border-radius:var(--radius);min-height:480px;box-shadow:var(--shadow);background:radial-gradient(circle at 28% 24%,#22d3ee61,#0000 18%),linear-gradient(150deg,#173b48,#406c67 45%,#2a8a8c);position:relative;overflow:hidden}.art:before{content:"";background:repeating-linear-gradient(170deg,#ffffff24 0 2px,#0000 3px 17px);height:72%;position:absolute;inset:auto -10% -18%;transform:rotate(-3deg)}.art-copy{color:#fff;text-align:right;font-family:cursive;font-size:2.15rem;line-height:1.1;position:absolute;bottom:34px;left:34px;right:34px;transform:rotate(-5deg)}.stats{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:2rem;display:grid}.stat{border-top:1px solid var(--line);padding:18px 0}.stat strong{color:var(--green);font-size:2.15rem;line-height:1;display:block}.stat span{color:var(--muted);font-size:.9rem}.focus{background:var(--bg)}.cards{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;display:grid}.card{background:#fff;border:1px solid #e5ecef;border-radius:22px;flex-direction:column;min-height:260px;padding:28px;transition:all .25s;display:flex}.card .tag{color:var(--green);letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;font-weight:800}.card h3{margin:.8rem 0 .45rem;font-size:1.35rem}.card p{color:var(--muted);margin:0 0 1.4rem}.card .more{color:var(--navy);margin-top:auto;font-weight:800}.work-grid{grid-template-columns:repeat(2,1fr);gap:26px;margin-top:42px;display:grid}.work-grid>:last-child:nth-child(odd){grid-column:1/-1}.work-card{color:#fff;background:linear-gradient(135deg,#071b2f,#0b5962);border-radius:26px;min-height:330px;padding:36px;position:relative;overflow:hidden}.work-card:nth-child(2){background:linear-gradient(135deg,#102d40,#0e7490)}.work-card:nth-child(3){background:linear-gradient(135deg,#0c2f33,#0f766e)}.work-card:nth-child(4){background:linear-gradient(135deg,#2a263d,#5d487a)}.work-card:nth-child(5){background:linear-gradient(135deg,#0b1e33,#155e75)}.work-card:after{content:"";border:1px solid #ffffff40;border-radius:50%;width:220px;height:220px;position:absolute;bottom:-80px;right:-70px;box-shadow:0 0 0 30px #ffffff08,0 0 0 60px #ffffff05}.work-card h3{margin:.7rem 0 .4rem;font-size:2rem}.work-card p{color:#ffffffc7;max-width:480px}.principles{background:var(--navy);color:#fff}.principle-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:42px;display:grid}.principle{background:#ffffff09;border:1px solid #ffffff1f;border-radius:20px;padding:28px}.principle p{color:#b9c8d1}.cta-wrap{color:#fff;background:linear-gradient(135deg,#061a2d,#073b4c);padding:82px 0}.cta{justify-content:space-between;align-items:center;gap:30px;display:flex;position:relative}.cta h2{margin:.5rem 0;font-size:clamp(2rem,4vw,3.6rem);line-height:1}.cta p{color:#bdd0d3;max-width:680px}footer{background:#fff;padding:38px 0}.footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:32px;display:grid}.footer-links{color:var(--muted);flex-direction:column;gap:.55rem;display:flex}.footer-links a:hover{color:var(--green)}.copyright{border-top:1px solid var(--line);color:#71808c;text-align:center;margin-top:30px;padding-top:22px;font-size:.86rem}@media (width<=900px){.nav-links{border-bottom:1px solid var(--line);background:#fff;flex-direction:column;align-items:flex-start;padding:24px 20px;display:none;position:absolute;top:78px;left:0;right:0;box-shadow:0 20px 40px #0417251f}.nav-links.open{display:flex}.menu-btn{display:block}.pillar-grid,.cards,.principle-grid{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr}.art{min-height:380px}.work-grid{grid-template-columns:1fr}.work-grid>:last-child:nth-child(odd){grid-column:auto}.hero-note{display:none}.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=620px){.container{width:min(100% - 28px,1180px)}.section{padding:72px 0}.pillar-grid,.cards,.principle-grid,.stats,.footer-grid{grid-template-columns:1fr}.pillar{text-align:left;grid-template-columns:60px 1fr;gap:0 12px;display:grid}.pillar p{white-space:normal}.pillar .icon{grid-row:1/3;margin:0}.hero{min-height:760px}.hero h1{font-size:3.6rem}.cta{flex-direction:column;align-items:flex-start}.brand{font-size:1.1rem}.logo-mark{width:36px;height:36px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}section[id]{scroll-margin-top:88px}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.btn .arr{transition:transform .25s;display:inline-block}.btn:hover .arr{transform:translate(4px)}.menu-btn{flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;display:none}.menu-btn span{background:var(--ink);border-radius:2px;width:22px;height:2px;transition:all .3s;display:block}.menu-btn.open span:first-child{transform:translateY(7px)rotate(45deg)}.menu-btn.open span:nth-child(2){opacity:0}.menu-btn.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.hero-meta{flex-wrap:wrap;gap:2.2rem;margin-top:2.4rem;display:flex}.hero-meta strong{color:#fff;letter-spacing:-.02em;font-size:1.6rem;line-height:1;display:block}.hero-meta span{color:#a9c3cb;font-size:.82rem}.icon svg{width:28px;height:28px;stroke:var(--green);fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.card .more{align-items:center;gap:.4rem;display:inline-flex}.card .more:hover{color:var(--green)}.card .more .arr{transition:transform .25s;display:inline-block}.card .more:hover .arr{transform:translate(4px)}.work-card{transition:transform .3s,box-shadow .3s}.cards,.work-grid{perspective:1200px}.card,.work-card{transform-style:preserve-3d}.card:hover{transform:translateY(-6px)rotateX(3deg);box-shadow:0 30px 60px #081f3129}.work-card:hover{transform:translateY(-6px)rotateX(2deg);box-shadow:0 30px 70px #0000006b}.logo-mark{filter:drop-shadow(0 4px 10px #071b2f40)}.chips{z-index:1;flex-wrap:wrap;gap:.5rem;margin-top:1.3rem;display:flex;position:relative}.chips span{color:#ffffffe0;background:#ffffff12;border:1px solid #ffffff52;border-radius:999px;padding:.32rem .75rem;font-size:.72rem;font-weight:700}html.js .reveal{opacity:0;transition:opacity .65s,transform .65s;transform:translateY(24px)}html.js .reveal.visible{opacity:1;transform:none}.cards .reveal:nth-child(2),.pillar-grid .reveal:nth-child(2),.principle-grid .reveal:nth-child(2){transition-delay:80ms}.cards .reveal:nth-child(3),.pillar-grid .reveal:nth-child(3),.principle-grid .reveal:nth-child(3){transition-delay:.16s}.cards .reveal:nth-child(4),.pillar-grid .reveal:nth-child(4),.principle-grid .reveal:nth-child(4){transition-delay:.24s}.cards .reveal:nth-child(5){transition-delay:.32s}.cards .reveal:nth-child(6){transition-delay:.4s}@media (width<=900px){.menu-btn{display:flex}}@media (prefers-reduced-motion:reduce){html.js .reveal{opacity:1;transition:none;transform:none}}