*{box-sizing:border-box}body{margin:0;min-height:100vh;color:#f4f0e8;background:#1b3040 url('assets/background.png') top center/100% auto repeat-y}header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:70px 4% 20px}.brand{width:29%;max-width:390px;text-decoration:none;color:inherit;display:block}.brand img{display:block;width:100%;height:auto}.brand span{display:block;text-align:center;font-family:Arial,sans-serif;font-size:clamp(9px,1.2vw,16px);letter-spacing:.21em;margin-top:0}nav{display:flex;align-items:center;gap:30px}button{color:inherit;background:none;border:0;cursor:pointer}nav button{white-space:nowrap;font-size:clamp(18px,2.5vw,34px);padding:8px 0;text-shadow:0 1px 3px #14212a}.recent{font-family:Arial,sans-serif;letter-spacing:.08em}.portfolio{font-family:'Copperplate Gothic Bold','Copperplate Gothic',Copperplate,serif;font-variant:small-caps;font-weight:bold;letter-spacing:.07em}.shop{font-family:'Bodoni MT',Bodoni,Didot,serif;font-style:italic;font-weight:bold;letter-spacing:.06em}.social{display:flex;gap:12px}.social button{padding:8px;display:flex}.social svg{width:25px;height:25px}button:hover{color:#ef8b4f}button:focus-visible,a:focus-visible{outline:2px solid #fff;outline-offset:5px}main{padding:35px 5%}#panel{max-width:600px;background:rgba(19,35,47,.95);padding:30px;font-family:Arial,sans-serif}#panel h1{margin-top:0}#close{border:1px solid currentColor;padding:9px 15px}@media(max-width:850px){header{padding:30px 5%;gap:20px;flex-wrap:wrap}.brand{width:48%;max-width:300px}.social{margin-left:auto}nav{order:3;width:100%;justify-content:space-between;gap:10px}nav button{font-size:clamp(17px,4vw,28px)}body{background-size:auto 1500px}.brand span{font-size:9px}}