/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}body{line-height:1.4;color:#fff}h1,h2,h3,h4,h5,h6,p{margin:0}p:last-child{margin-bottom:0}ul{margin:0;padding:0;list-style:none}a{color:currentColor;text-decoration:none}button{cursor:pointer;border:none}img{display:block;max-width:100%;height:auto}:root{--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--base-font-size: 16px;--text-color: #242424;--bg-color: rgba(255, 255, 255, .87);--accent: #4e75ff;--accent-2: #ff6b0a;--container-max: 1200px;--header-height: 100px}*{box-sizing:border-box}html{font-family:var(--font-family);font-size:var(--base-font-size);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:100vw;min-height:100vh;color:var(--text-color);background-color:var(--bg-color);display:flex;flex-direction:column}main{flex-grow:1}main:has(.back-link){text-align:center}.container{max-width:var(--container-max);padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}.page-header{position:fixed;top:0;left:0;width:100%;padding-top:10px;padding-bottom:10px;background-color:#fff;z-index:1000}.menu{display:flex;justify-content:center;column-gap:30px}.menu-link{display:block;padding:10px 20px;color:#fff;border:1px solid #ffffff;border-radius:6px;transition:color .25s linear,border-color .25s linear}.menu-link:hover,.menu-link:focus{color:var(--accent-2);border-color:var(--accent-2)}.gallery-section,main{padding-top:calc(var(--header-height) + 16px)}a{text-decoration:none;color:inherit}.nav{display:flex;justify-content:center;gap:20px;margin-bottom:30px}.nav-link{display:inline-block;padding:10px 20px;border-radius:8px;background-color:#f5f5f5;color:#2e2f42;font-weight:500;transition:background-color .3s ease,color .3s ease,transform .2s ease}.nav-link:hover,.nav-link:focus{background-color:var(--accent);color:#fff;transform:translateY(-2px)}.form{width:371px;display:flex;margin:0 auto 40px}.search-input{font-size:18px;flex-grow:1;padding-left:15px;border:1px solid #808080;border-radius:4px;height:40px;background-color:#fff}.search-input:hover{border:1px solid #000}.search-input:focus{border:1px solid #4e75ff}.search-btn{font-size:16px;padding:8px 16px;background-color:var(--accent);color:#fff;cursor:pointer;margin-left:8px;border-radius:8px;border:none;height:40px}.loader{background-color:#fffc;display:flex;justify-content:center;align-items:center;margin-top:32px;min-height:40px}.hidden{display:none!important}.loader__spinner{width:60px;height:60px;border:6px solid #ccc;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px;margin-right:20px}.loader__text{font-size:18px;color:#333;font-family:var(--font-family)}@keyframes spin{to{transform:rotate(360deg)}}.gallery{display:flex;flex-wrap:wrap;gap:24px;padding:0;list-style:none}.gallery-card{width:calc((100% - 60px) / 3);border:1px solid #808080}.gallery-img{width:100%;height:200px;object-fit:cover;display:block}.gallery-card .info{margin-top:4px;font-size:12px;display:flex;gap:28px;color:#2e2f42;line-height:1,33;letter-spacing:.04em}@media (max-width: 900px){.gallery-card{width:calc((100% - 40px)/2)}}@media (max-width: 480px){.search-form{width:100%;padding:0 16px}.gallery-card{width:100%}.gallery-img{height:220px}}