*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#0e1014;color:#f7f8fa;font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.65}a{color:inherit;text-underline-offset:5px}a:focus-visible,button:focus-visible{outline:3px solid #f2c65b;outline-offset:5px}button{font:inherit}.skip{position:absolute;top:-100px;left:20px;padding:12px;background:#fff;color:#111;z-index:20}.skip:focus{top:12px}.container{max-width:1240px;margin:auto;padding:0 32px}.top{border-bottom:1px solid #35383e}.nav{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:104px}.logo{display:flex;align-items:center;gap:13px;text-decoration:none;font-weight:800;font-size:21px;line-height:1.15;letter-spacing:-.5px}.mark{display:grid;place-items:center;background:#e43641;color:white;width:48px;height:48px;border-radius:10px;letter-spacing:-2px;font-size:20px}.logo small{display:block;font-size:13px;font-weight:400;letter-spacing:3px;margin-top:6px;color:#c9cdd5}.navlinks{display:flex;align-items:center;gap:28px}.navlinks a{font-size:16px;font-weight:700;padding:10px 0;text-decoration:none}.navlinks a:hover{text-decoration:underline}.menu{display:none;color:white;border:1px solid #777;background:transparent;border-radius:7px;padding:8px 16px;min-height:48px}.hero{padding:80px 0 66px;display:grid;grid-template-columns:1.6fr 1fr;gap:64px;align-items:end}.kicker{font-size:14px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:#f2c65b}.hero h1{font-size:clamp(48px,6.5vw,88px);line-height:1.04;letter-spacing:-4px;margin:25px 0 30px;font-weight:800}.hero h1 span{color:#ff6670}.intro{font-size:21px;max-width:670px;color:#c9cdd5}.button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:13px 23px;border-radius:7px;background:#c81e30;color:white;text-decoration:none;font-size:17px;font-weight:700;border:1px solid #ee5261}.button:hover{background:#ac1929}.button.light{background:#f2c65b;border-color:#f2c65b;color:#191609}.button.outline{border-color:#656c79;background:transparent;color:white}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.hero-note{padding:28px;border-top:3px solid #f2c65b;background:#191d24}.hero-note h2{font-size:26px;line-height:1.25;margin:14px 0}.hero-note p{color:#c9cdd5;font-size:17px}.hero-note a{font-size:16px;font-weight:700}.band{display:flex;gap:22px 50px;flex-wrap:wrap;border-top:1px solid #35383e;border-bottom:1px solid #35383e;padding:22px 0;color:#c9cdd5;font-size:15px}.section{padding:72px 0}.heading{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:34px}.heading h2,.about h2,.contact h2{font-size:clamp(32px,4vw,48px);letter-spacing:-1.4px;line-height:1.15;margin:10px 0}.heading>p{max-width:440px;color:#c9cdd5;font-size:18px;margin:0}.projects{display:grid;grid-template-columns:1fr 1fr;gap:26px}.project{border-radius:16px;overflow:hidden;display:flex;flex-direction:column;color:#172c45;background:#eff5fc;border:1px solid #91a6c1}.project.green{background:#edf7f0;color:#183d32;border-color:#90b5a1}.project-top{padding:30px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #bbcadd}.project-top img{width:66px;height:66px;border-radius:15px}.project-number{font-size:38px;font-weight:800;line-height:1}.badge{font-size:14px;font-weight:700;padding:7px 11px;border:1px solid #8097b2;border-radius:24px}.project-body{padding:32px;display:flex;flex:1;flex-direction:column}.project-body h3{font-size:34px;letter-spacing:-1px;line-height:1.15;margin:0 0 12px}.project-body .category{font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin:0 0 18px}.project-body p{font-size:18px}.project-body ul{padding-left:22px;margin:0 0 24px}.project-body li{margin:8px 0;font-size:16px}.project .button{margin-top:auto;background:#173e66;border-color:#173e66;align-self:flex-start}.project.green .button{background:#195a45;border-color:#195a45}.project .note{font-size:15px}.about{padding:64px 0;border-top:1px solid #35383e;display:grid;grid-template-columns:1fr 1fr;gap:80px}.about p{color:#c9cdd5}.principle{border-bottom:1px solid #35383e;padding:18px 0}.principle:first-child{padding-top:0}.principle h3{margin:0 0 8px;font-size:22px}.principle p{margin:0;font-size:17px}.contact{padding:48px;background:#191d24;border-left:4px solid #e43641;margin:20px 0 72px}.contact p{color:#c9cdd5;max-width:700px}.contact a{overflow-wrap:anywhere}footer{border-top:1px solid #35383e;padding:30px 0;font-size:15px;color:#c9cdd5}.foot{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.foot nav{display:flex;gap:16px;flex-wrap:wrap}.foot a{padding:4px 0}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:28px;padding:50px 0}.hero-note{max-width:620px}.hero h1{letter-spacing:-2px}.heading,.about{display:block}.heading>p{margin-top:18px}.about>div+div{margin-top:32px}.navlinks{gap:16px}.navlinks a{font-size:15px}}@media(max-width:680px){.container{padding:0 22px}.nav{min-height:90px;flex-wrap:wrap;gap:16px;padding:18px 0}.menu{display:block}.navlinks{display:none;width:100%;flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.navlinks a{padding:12px;font-size:18px;border-top:1px solid #35383e}.hero h1{font-size:48px}.intro{font-size:19px}.projects{grid-template-columns:1fr}.heading h2{font-size:36px}.project-top,.project-body{padding:24px}.project-body h3{font-size:30px}.section{padding:48px 0}.contact{padding:28px;margin-bottom:40px}.band{gap:12px 24px}.logo{font-size:19px}.hero-note{padding:24px}.button{width:100%;text-align:center}.foot{display:block}.foot nav{margin-top:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(forced-colors:active){.button,.project,.hero-note{border:1px solid CanvasText}}