*{box-sizing:border-box}body{color:#031f29;background:#f5f4f0;margin:0;font-family:Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}header{color:#fff;background:#031f29;align-items:center;gap:16px;height:72px;padding:0 6%;display:flex}.brand{letter-spacing:.06em;font-weight:800}.brand span{vertical-align:middle;background:linear-gradient(135deg,#f76a21 0 48%,#fff 48% 54%,#0b313a 54%);width:34px;height:34px;margin-right:10px;display:inline-block}.brand small{color:#b8c5c3;margin-left:46px;font-size:10px;display:block}nav{align-items:center;gap:14px;margin-left:auto;display:flex}nav a{color:#dbe4e1}.orange,.ghost{border:0;border-radius:30px;padding:10px 15px;font-weight:700}.orange{color:#fff;background:#f76a21}.ghost{color:#fff;background:0 0;border:1px solid #789}.hero{color:#fff;background:#031f29;padding:70px 10% 110px}.hero b{color:#fda16e;letter-spacing:.12em;font-size:12px}.hero h1{max-width:720px;margin:15px 0;font-size:clamp(42px,6vw,74px);line-height:.96}.hero p{color:#d4dfdc;max-width:540px;margin-bottom:25px;font-size:18px}main{grid-template-columns:200px 1fr 220px;gap:20px;max-width:1160px;margin:-50px auto 0;padding:0 20px 60px;display:grid}aside,.feed{background:#fff;border:1px solid #dde2df;border-radius:14px;height:max-content;padding:16px;font-size:14px;line-height:2.2}aside strong{background:#e8f0ee;border-radius:7px;padding-left:8px;display:block}.head{border-bottom:1px solid #dde2df;padding-bottom:15px}.head h2{margin:0 0 10px}.head button{background:#fff;border:1px solid #d5dfdc;border-radius:20px;margin-right:5px;padding:6px 9px;font-size:12px}.head .on{color:#fff;background:#031f29}form{border-bottom:7px solid #f5f4f0;flex-wrap:wrap;gap:8px;padding:16px;display:flex}form input:first-child{border:1px solid #d7dfdc;border-radius:9px;width:100%;padding:12px}form select{color:#55717a;border:0;margin-right:auto;font-weight:700}.note{color:#814c2e;background:#fff3ea;padding:17px}article{border-bottom:1px solid #dde2df;padding:20px}article p{line-height:1.5}.person{align-items:center;gap:10px;display:flex}.person i{background:#f4c8a9;border-radius:50%;place-items:center;width:35px;height:35px;font-style:normal;font-weight:700;display:grid}.person small{color:#64767a;display:block}.person em{color:#55717a;background:#edf3f1;border-radius:20px;margin-left:auto;padding:3px 8px;font-size:12px;font-style:normal}article>button{color:#58747b;background:0 0;border:0;margin-right:12px;font-weight:700}.photo{color:#fff;background:linear-gradient(135deg,#df6b32,#f3b185 45%,#173d45 46%);border-radius:10px;align-items:end;height:170px;padding:15px;font-weight:700;display:flex}article img{object-fit:cover;border-radius:10px;width:100%;max-height:280px}.comment{color:#64767a;padding-top:5px;display:block}@media (width<=850px){main{grid-template-columns:1fr}main>aside{display:none}}@media (width<=560px){nav a,.ghost{display:none}.head{white-space:nowrap;overflow:auto}}