*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#17243d;background:#fff}a{color:inherit;text-decoration:none}header{position:sticky;top:0;background:white;z-index:10;box-shadow:0 2px 12px #0001}.top{max-width:1200px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:15px 22px}.brand{display:flex;gap:12px;align-items:center}.mark{font-size:36px;color:#c9303e}.brand b{font-size:25px;letter-spacing:1px}.brand small{display:block;letter-spacing:5px}.contact{display:flex;gap:22px;font-size:14px}nav{background:#142b4a;color:white;display:flex;justify-content:center;gap:34px;padding:12px 20px}nav a:hover{color:#ffccd1}nav button{border:0;background:transparent;color:white;cursor:pointer;font-weight:bold}.hero{min-height:590px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;background:linear-gradient(120deg,#f4f7fb,#fff);overflow:hidden}.heroText{padding:70px max(7vw,30px)}.script{font-size:30px;color:#c9303e;font-style:italic}.hero h1{font-size:64px;line-height:.9;margin:12px 0 25px}.hero h1 em{font-style:normal;font-size:34px;letter-spacing:6px}.hero p{font-size:20px;line-height:1.5;max-width:650px}.hero img{width:100%;height:590px;object-fit:cover}.buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;padding:15px 20px;border-radius:5px;color:white;font-weight:800;font-size:14px;border:0;cursor:pointer}.red{background:#c9303e}.navy{background:#142b4a}.intro,.popup,.birca,.contactSection{max-width:1200px;margin:auto;padding:70px 24px}.intro{display:flex;justify-content:space-between;gap:40px;align-items:end}.eyebrow{color:#c9303e;font-weight:800;letter-spacing:2px}.intro h2,.popup h2,.birca h2,.about h2,.contactSection h2{font-size:38px;margin:10px 0}.intro p{max-width:700px;line-height:1.6}.badges{display:flex;gap:18px;flex-wrap:wrap}.badges span{background:#f1f4f8;padding:12px;border-radius:8px}.grid{max-width:1200px;margin:auto;padding:0 24px 80px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.grid article{border:1px solid #dde3ea;border-radius:10px;overflow:hidden;background:white;box-shadow:0 5px 18px #0000000b}.grid img{width:100%;height:290px;object-fit:cover}.grid h3,.grid p{margin:12px 15px}.grid p{color:#536176}.birca{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;background:#f6f7f9;max-width:none;padding-left:max(calc((100vw - 1152px)/2),24px);padding-right:max(calc((100vw - 1152px)/2),24px)}.birca img{width:100%;max-height:450px;object-fit:contain}.birca p{line-height:1.6}.popup{display:grid;grid-template-columns:1.2fr .8fr;gap:55px}.popup p{line-height:1.6}.spacecards{display:flex;gap:16px;margin:25px 0}.spacecards div{flex:1;background:#142b4a;color:white;padding:22px;border-radius:8px}.spacecards b{display:block;font-size:30px}.spacecards span{display:block;margin-top:8px;font-weight:bold}.details{background:#f4f7fb;padding:16px;border-left:4px solid #c9303e}.spaceVisual{background:#eef2f6;padding:28px;border-radius:12px;align-self:center}.window{display:grid;grid-template-columns:repeat(7,1fr);height:230px;gap:5px}.window i{background:linear-gradient(#b9d9ef,#eaf5fc);border:6px solid #fff;box-shadow:0 0 0 1px #aab5c1}.spaceVisual p{text-align:center;font-size:14px}.about{background:#142b4a;color:white;text-align:center;padding:70px max(12vw,25px)}.about p{max-width:850px;margin:auto;line-height:1.7;font-size:18px}.contactSection{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contactSection p{line-height:1.7}.contactSection a{color:#a91f2c;font-weight:bold}form{display:grid;gap:12px}input,textarea{padding:14px;border:1px solid #cdd5df;border-radius:5px;font:inherit}textarea{height:130px}form small{color:#687587}footer{text-align:center;background:#0e2038;color:white;padding:24px}@media(max-width:850px){.contact{display:none}nav{gap:16px;overflow:auto;justify-content:flex-start}.hero{grid-template-columns:1fr}.hero img{height:360px;order:-1}.heroText{padding:45px 24px}.hero h1{font-size:48px}.intro,.popup,.birca,.contactSection{grid-template-columns:1fr;display:grid}.grid{grid-template-columns:repeat(2,1fr)}.grid img{height:260px}}@media(max-width:520px){.grid{grid-template-columns:1fr}.spacecards{flex-direction:column}.brand b{font-size:20px}.brand small{letter-spacing:3px}.hero h1{font-size:40px}}