@font-face{font-family:'TrajanPro';src:url('/fonts/TrajanPro.woff') format('woff');font-weight:normal;font-style:normal;}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
:root{
  --gold:#ffffff;--gold-light:#ffffff;
  --dark:#0a0a08;--dark-2:#111110;
  --text:#ffffff;--text-dim:#b0b0b0;
  --nav-font:'TrajanPro','Georgia',serif;
  --body-font:'TrajanPro','Georgia',serif;
}
html{background:var(--dark);color:var(--text);font-family:var(--body-font);scroll-behavior:smooth;}
body{min-height:100vh;overflow-x:hidden;}

/* ШАПКА */
.site-header{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:28px 48px;background:linear-gradient(to bottom,rgba(10,10,8,0.95),rgba(10,10,8,0));}
.back-btn{font-family:var(--nav-font);font-weight:normal;font-size:10px;letter-spacing:0.28em;text-transform:uppercase;color:var(--text-dim);text-decoration:none;display:flex;align-items:center;gap:10px;visibility:hidden;opacity:0;pointer-events:none;transition:color 0.3s,opacity 0.3s;}
.back-btn::before{content:'\2190';font-size:14px;transition:transform 0.3s;}
.back-btn:hover{color:#ffffff;}
.back-btn:hover::before{transform:translateX(-4px);}
.back-btn.visible{visibility:visible;opacity:1;pointer-events:auto;}
.header-socials{display:flex;gap:16px;list-style:none;align-items:center;}
.header-socials a{color:var(--text-dim);text-decoration:none;font-family:var(--nav-font);font-size:9px;font-weight:normal;letter-spacing:0.22em;text-transform:uppercase;border:1px solid rgba(255,255,255,0.2);padding:6px 14px;transition:color 0.3s,border-color 0.3s,background 0.3s;}
.header-socials a:hover{color:#ffffff;border-color:rgba(255,255,255,0.6);background:rgba(255,255,255,0.05);}
.mobile-nav-toggle{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px;padding:4px;}
.mobile-nav-toggle span{display:block;width:24px;height:1px;background:var(--text);}

/* ЛОГОТИП */
.logo-img{width:90px;height:90px;object-fit:contain;cursor:pointer;transition:transform 0.3s,opacity 0.3s;opacity:0.92;display:block;}
.logo-img:hover{transform:scale(1.06) rotate(-3deg);opacity:1;}
.section-logo{width:56px;height:56px;object-fit:contain;cursor:pointer;transition:transform 0.3s,opacity 0.3s;opacity:0.85;display:block;flex-shrink:0;}
.section-logo:hover{transform:scale(1.08);opacity:1;}
.section-logo-wrap{display:flex;align-items:center;gap:20px;margin-bottom:12px;}

/* ГЛАВНЫЙ ЭКРАН */
#home-screen{min-height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background-image:url('/bg.jpeg');background-size:cover;background-position:center;background-attachment:fixed;}
.hero-bg{position:absolute;inset:0;background:rgba(0,0,0,0.45);z-index:0;}
#home-screen > *:not(.hero-bg){position:relative;z-index:1;}
.hero-title{font-family:var(--nav-font);font-weight:normal;font-size:clamp(28px,5vw,68px);letter-spacing:0.28em;text-transform:uppercase;color:#ffffff;line-height:1.1;opacity:1;margin-bottom:10px;text-align:center;}
.hero-subtitle{font-family:var(--body-font);font-style:normal;font-weight:normal;font-size:clamp(12px,1.6vw,17px);letter-spacing:0.2em;color:#ffffff;opacity:1;margin-bottom:60px;text-align:center;}
.hero-divider{width:1px;height:60px;background:linear-gradient(to bottom,rgba(255,255,255,0.6),transparent);margin:0 auto;opacity:1;}
.version-label{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-family:var(--nav-font);font-size:8px;font-weight:normal;letter-spacing:0.25em;text-transform:uppercase;color:rgba(255,255,255,0.5);white-space:nowrap;}
.scroll-hint{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;opacity:1;}
.scroll-hint-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--text-dim),transparent);animation:scrollPulse 2s ease-in-out 2s infinite;}

/* НАВИГАЦИЯ */
.main-nav{position:relative;padding:80px 0 60px;display:flex;flex-direction:column;align-items:center;}
.main-nav a{font-family:var(--nav-font);font-weight:normal;font-size:clamp(18px,3vw,34px);letter-spacing:0.22em;text-transform:uppercase;color:var(--text);text-decoration:none;padding:12px 0;position:relative;transition:color 0.3s,letter-spacing 0.4s;opacity:1;}
.main-nav a::before{content:'';position:absolute;bottom:8px;left:50%;right:50%;height:1px;background:#ffffff;transition:left 0.4s,right 0.4s;}
.main-nav a:hover{color:#ffffff;letter-spacing:0.3em;}
.main-nav a:hover::before{left:0;right:0;}

/* РАЗДЕЛЫ */
.section-page{min-height:100vh;padding:120px 60px 80px;border-top:1px solid rgba(255,255,255,0.12);display:none;}
.section-page.active{display:block;}
.section-title{font-family:var(--nav-font);font-weight:normal;font-size:clamp(26px,4.2vw,53px);letter-spacing:0.28em;text-transform:uppercase;color:#ffffff;margin-bottom:0;padding-bottom:0;border-bottom:none;}
.section-divider{height:1px;background:rgba(255,255,255,0.2);margin-bottom:40px;}

/* КНОПКИ РЕДАКТОРА */
.admin-btn{font-family:var(--nav-font);font-size:9px;font-weight:normal;letter-spacing:0.2em;text-transform:uppercase;background:none;border:1px solid rgba(255,255,255,0.3);color:var(--text-dim);padding:8px 18px;cursor:pointer;transition:all 0.3s;display:inline-flex;align-items:center;gap:8px;}
.admin-btn:hover{border-color:#ffffff;color:#ffffff;}
.admin-bar{display:none !important;}
body.edit-mode .admin-bar{display:flex !important;}
.about-photo-upload{display:none !important;}
body.edit-mode .about-photo-upload{display:block !important;}
.editable{pointer-events:none;outline:none;}
body.edit-mode .editable{pointer-events:auto;cursor:text;}
body.edit-mode .editable:focus{border-bottom:1px dashed rgba(255,255,255,0.4);}
body.edit-mode .inner-item-del{display:block;}
.inner-item-del{display:none;}
body.edit-mode .text-article-del{display:block;}
.text-article-del{display:none;}
body.edit-mode .project-card-actions{opacity:0;}
body.edit-mode .project-card:hover .project-card-actions{opacity:1;}
body:not(.edit-mode) .project-card-title{pointer-events:none;}
body:not(.edit-mode) .about-bio{pointer-events:none;}

/* ПОДРАЗДЕЛЫ ФОТО */
.photo-subsections{display:flex;gap:0;margin-bottom:32px;border-bottom:1px solid rgba(255,255,255,0.12);flex-wrap:wrap;align-items:center;}
.subsection-btn{font-family:var(--nav-font);font-size:10px;font-weight:normal;letter-spacing:0.25em;text-transform:uppercase;background:none;border:none;border-bottom:2px solid transparent;color:#b0b0b0;padding:12px 32px 12px 0;cursor:pointer;transition:color 0.3s,border-color 0.3s;margin-bottom:-1px;}
.subsection-btn:hover{color:#ffffff;}
.subsection-btn.active{color:#ffffff;border-bottom-color:#ffffff;}
.subsection-add-btn{font-family:var(--nav-font);font-size:10px;letter-spacing:0.2em;text-transform:uppercase;background:none;border:1px solid rgba(255,255,255,0.15);color:#b0b0b0;padding:6px 14px;cursor:pointer;transition:all 0.3s;margin-left:8px;margin-bottom:4px;display:none;}
body.edit-mode .subsection-add-btn{display:inline-flex;}
.subsection-add-btn:hover{border-color:#ffffff;color:#ffffff;}
.subsection-del-btn{font-family:var(--nav-font);font-size:9px;color:#b0b0b0;background:none;border:none;cursor:pointer;padding:2px 6px;display:none;transition:color 0.2s;margin-left:4px;}
body.edit-mode .subsection-del-btn{display:inline;}
.subsection-del-btn:hover{color:rgba(220,100,100,1);}

/* ПРОЕКТЫ */
.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2px;margin-bottom:40px;}
.project-card{background:var(--dark-2);cursor:pointer;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,0.03);}
.project-card-img{aspect-ratio:4/3;overflow:hidden;position:relative;}
.project-card-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s,filter 0.6s;filter:grayscale(20%) brightness(0.85);}
.project-card-img .ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--dark-2);color:var(--text-dim);font-family:var(--nav-font);font-size:10px;letter-spacing:0.2em;text-transform:uppercase;min-height:200px;}
.project-card:hover .project-card-img img{transform:scale(1.04);filter:grayscale(0%) brightness(1);}
.project-card-footer{padding:16px 18px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;}
.project-card-title{font-family:var(--nav-font);font-size:10px;font-weight:normal;letter-spacing:0.2em;text-transform:uppercase;color:var(--text);flex:1;outline:none;}
.project-card-title:focus{border-bottom:1px dashed rgba(255,255,255,0.4);}
.project-card-actions{display:flex;gap:6px;opacity:0;transition:opacity 0.3s;}
.card-btn{background:none;border:none;cursor:pointer;font-size:14px;color:var(--text-dim);padding:4px;transition:color 0.2s;}
.card-btn:hover{color:#ffffff;}
.card-btn.del:hover{color:rgba(220,100,100,1);}
.project-view{display:none;}
.project-view.active{display:block;}
.project-view-title{font-family:var(--nav-font);font-weight:normal;font-size:clamp(18px,2.5vw,32px);letter-spacing:0.25em;text-transform:uppercase;color:var(--text);outline:none;margin-bottom:32px;}
.project-view-title:focus{border-bottom:1px dashed rgba(255,255,255,0.4);}

/* ГАЛЕРЕЯ */
.inner-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:2px;margin-bottom:32px;}
.inner-item{background:var(--dark-2);position:relative;overflow:hidden;border:1px solid rgba(255,255,255,0.03);}
.inner-item-img{aspect-ratio:4/3;overflow:hidden;}
.inner-item-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s,filter 0.5s;filter:grayscale(10%) brightness(0.9);}
.inner-item:hover .inner-item-img img{transform:scale(1.03);filter:grayscale(0%) brightness(1);}
.inner-item-caption{padding:12px 14px 14px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;}
.inner-item-text{font-family:var(--body-font);font-size:13px;color:var(--text-dim);flex:1;outline:none;min-height:20px;}
.inner-item-text:focus{border-bottom:1px dashed rgba(255,255,255,0.3);}
.inner-item-del{background:none;border:none;cursor:pointer;color:var(--text-dim);font-size:13px;padding:2px 4px;transition:color 0.2s,opacity 0.2s;opacity:0;}
.inner-item:hover .inner-item-del{opacity:1;}
.inner-item-del:hover{color:rgba(220,100,100,1);}

/* ОБ АВТОРЕ */
.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;max-width:1100px;}
.about-photo{aspect-ratio:3/4;background:var(--dark-2);border:1px solid rgba(255,255,255,0.1);overflow:hidden;display:flex;align-items:center;justify-content:center;}
.about-photo img{width:100%;height:100%;object-fit:cover;}
.about-photo .ph{font-family:var(--nav-font);font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--text-dim);}
.about-text h2{font-family:var(--nav-font);font-weight:normal;font-size:11px;letter-spacing:0.3em;text-transform:uppercase;color:#ffffff;margin-bottom:24px;}
.about-bio{font-size:16px;line-height:2;color:var(--text);font-weight:normal;margin-bottom:20px;outline:none;pointer-events:none;}
.about-bio b,.about-bio strong{font-weight:700;color:#ffffff;}
.about-bio i,.about-bio em{font-style:italic;}
.about-bio u{text-decoration:underline;}
.about-bio ul,.about-bio ol{margin:8px 0;padding-left:24px;}
.about-bio li{line-height:2;}
.about-bio hr{border:none;border-top:1px solid rgba(255,255,255,0.1);margin:16px 0;}
body.edit-mode .about-bio{pointer-events:auto;cursor:text;}
body.edit-mode .about-bio:focus{border-left:2px dashed rgba(255,255,255,0.2);padding-left:16px;}
.about-toolbar{display:none;margin-bottom:12px;gap:6px;flex-wrap:wrap;}
body.edit-mode .about-toolbar{display:flex;}
.about-toolbar button{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);color:var(--text);font-size:13px;padding:4px 10px;cursor:pointer;border-radius:3px;font-family:var(--body-font);transition:background 0.2s;}
.about-toolbar button:hover{background:rgba(255,255,255,0.15);}
.contacts-layout{max-width:600px;}
.contact-item{display:flex;flex-direction:column;gap:6px;padding:28px 0;border-bottom:1px solid rgba(255,255,255,0.06);}
.contact-label{font-family:var(--nav-font);font-size:9px;letter-spacing:0.3em;text-transform:uppercase;color:var(--text-dim);}
.contact-value{font-family:var(--body-font);font-size:17px;color:var(--text);text-decoration:none;transition:color 0.3s;}
.contact-value:hover{color:#ffffff;}

/* НАСТРОЙКИ */
.settings-wrap{margin-top:60px;padding-top:40px;border-top:1px solid rgba(255,255,255,0.05);display:flex;flex-direction:column;align-items:flex-start;gap:8px;}
.settings-btn{font-family:var(--nav-font);font-size:9px;font-weight:normal;letter-spacing:0.25em;text-transform:uppercase;background:none;border:1px solid rgba(255,255,255,0.1);color:var(--text-dim);padding:9px 22px;cursor:pointer;transition:all 0.3s;}
.settings-btn:hover{border-color:rgba(255,255,255,0.35);color:var(--text);}
body.edit-mode .settings-btn{border-color:rgba(255,255,255,0.55);color:#ffffff;}
.settings-hint{font-family:var(--nav-font);font-size:8px;letter-spacing:0.2em;text-transform:uppercase;color:var(--text-dim);opacity:0.45;}

/* МОДАЛЬНОЕ ОКНО */
.contacts-standalone{max-width:600px;margin-top:20px;}
.contacts-standalone .contact-item{display:flex;flex-direction:column;gap:8px;padding:32px 0;border-bottom:1px solid rgba(255,255,255,0.08);}
.contacts-standalone .contact-label{font-family:var(--nav-font);font-size:9px;letter-spacing:0.35em;text-transform:uppercase;color:#b0b0b0;}
.contacts-standalone .contact-value{font-family:var(--body-font);font-size:22px;color:#ffffff;text-decoration:none;transition:color 0.3s,letter-spacing 0.3s;}
.contacts-standalone .contact-value:hover{color:#ffffff;letter-spacing:0.05em;}
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.78);z-index:500;display:none;align-items:center;justify-content:center;}
.modal-overlay.open{display:flex;}
.modal-box{background:var(--dark-2);border:1px solid rgba(255,255,255,0.2);padding:48px 40px;width:320px;max-width:90vw;display:flex;flex-direction:column;gap:20px;animation:fadeInUp 0.25s ease;}
.modal-label{font-family:var(--nav-font);font-size:10px;font-weight:normal;letter-spacing:0.3em;text-transform:uppercase;color:#ffffff;}
.modal-input{background:none;border:none;border-bottom:1px solid rgba(255,255,255,0.3);color:var(--text);font-family:var(--nav-font);font-size:14px;letter-spacing:0.15em;padding:8px 0;outline:none;width:100%;}
.modal-input:focus{border-bottom-color:#ffffff;}
.modal-error{font-family:var(--nav-font);font-size:9px;letter-spacing:0.2em;color:rgba(220,100,100,0.85);display:none;}
.modal-error.show{display:block;}
.modal-btns{display:flex;gap:12px;}
.modal-ok{font-family:var(--nav-font);font-size:9px;font-weight:normal;letter-spacing:0.2em;text-transform:uppercase;background:none;border:1px solid rgba(255,255,255,0.4);color:#ffffff;padding:9px 22px;cursor:pointer;transition:all 0.3s;flex:1;}
.modal-ok:hover{background:rgba(255,255,255,0.08);}
.modal-no{font-family:var(--nav-font);font-size:9px;font-weight:normal;letter-spacing:0.2em;text-transform:uppercase;background:none;border:1px solid rgba(255,255,255,0.08);color:var(--text-dim);padding:9px 22px;cursor:pointer;transition:all 0.3s;}
.modal-no:hover{border-color:rgba(255,255,255,0.2);color:var(--text);}

/* ЛАЙТБОКС */
.lightbox-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.95);z-index:10000;display:none;align-items:center;justify-content:center;flex-direction:column;cursor:zoom-out;-webkit-user-select:none;user-select:none;touch-action:none;}
.lightbox-overlay.open{display:flex;}
.lightbox-close{position:fixed;top:20px;right:24px;z-index:10002;background:none;border:none;color:#fff;font-size:32px;cursor:pointer;width:48px;height:48px;display:flex;align-items:center;justify-content:center;opacity:0.7;transition:opacity 0.2s;}
.lightbox-close:hover{opacity:1;}
.lightbox-img-wrap{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.lightbox-img-wrap img{max-width:90vw;max-height:90vh;object-fit:contain;transition:transform 0.2s ease;transform-origin:center center;cursor:grab;pointer-events:auto;}
.lightbox-img-wrap img.zoomed{cursor:grab;}
.lightbox-img-wrap img.dragging{cursor:grabbing;transition:none;}
.lightbox-controls{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:10002;display:flex;gap:16px;align-items:center;}
.lightbox-btn{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:#fff;width:44px;height:44px;border-radius:50%;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;}
.lightbox-btn:hover{background:rgba(255,255,255,0.2);}
.lightbox-zoom-level{color:rgba(255,255,255,0.6);font-family:var(--nav-font);font-size:11px;letter-spacing:0.1em;min-width:50px;text-align:center;}
@media(max-width:768px){
  .lightbox-close{top:12px;right:12px;font-size:28px;}
  .lightbox-controls{bottom:16px;gap:12px;}
  .lightbox-btn{width:40px;height:40px;font-size:20px;}
}

/* РЕДАКТИРОВАНИЕ КОНТАКТОВ */
.contact-edit-row{display:none;gap:12px;align-items:center;margin-top:8px;}
body.edit-mode .contact-edit-row{display:flex;}
.contact-edit-input{background:none;border:none;border-bottom:1px solid rgba(255,255,255,0.2);color:var(--text);font-family:var(--nav-font);font-size:13px;letter-spacing:0.1em;padding:6px 0;outline:none;flex:1;min-width:0;}
.contact-edit-input:focus{border-bottom-color:rgba(255,255,255,0.6);}
.contact-edit-label{font-family:var(--nav-font);font-size:8px;letter-spacing:0.2em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap;}

/* ФУТЕР */
.site-footer{padding:48px;border-top:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:space-between;}
.footer-copy{font-family:var(--nav-font);font-size:8px;font-weight:normal;letter-spacing:0.2em;color:var(--text-dim);text-transform:uppercase;}
.footer-socials{display:flex;gap:24px;list-style:none;}
.footer-socials a{font-family:var(--nav-font);font-size:8px;font-weight:normal;letter-spacing:0.25em;text-transform:uppercase;color:var(--text-dim);text-decoration:none;transition:color 0.3s;}
.footer-socials a:hover{color:#ffffff;}

/* АНИМАЦИИ */
@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes scrollPulse{0%,100%{opacity:0.4;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.1)}}

/* МОБИЛЬНЫЕ */
@media(max-width:768px){
  .site-header{padding:20px 24px;}
  .header-socials{display:none;}
  .mobile-nav-toggle{display:flex;}
  .main-nav{padding:80px 24px 50px;}
  .section-page{padding:100px 24px 60px;}
  .about-layout{grid-template-columns:1fr;gap:40px;}
  .site-footer{flex-direction:column;gap:20px;padding:32px 24px;text-align:center;}
  #home-screen{background-attachment:scroll !important;min-height:100svh;}
  .hero-title{text-align:center;width:100%;padding:0 16px;}
  .hero-subtitle{text-align:center;width:100%;}
  .version-label{right:24px;bottom:16px;}
}
/* НАЗВАНИЕ И ОПИСАНИЕ ПОДБОРКИ */
.gallery-section-header{margin-bottom:24px;}
.gallery-section-name{font-family:var(--nav-font);font-size:13px;font-weight:normal;letter-spacing:0.25em;text-transform:uppercase;color:#ffffff;outline:none;display:block;width:100%;background:none;border:none;padding:0;pointer-events:none;}
body.edit-mode .gallery-section-name{pointer-events:auto;cursor:text;border-bottom:1px dashed rgba(255,255,255,0.3);}
.gallery-section-desc{font-family:var(--body-font);font-size:15px;color:#b0b0b0;outline:none;display:block;width:100%;background:none;border:none;padding:4px 0 0;margin-top:6px;pointer-events:none;white-space:pre-wrap;min-height:20px;}
body.edit-mode .gallery-section-desc{pointer-events:auto;cursor:text;border-bottom:1px dashed rgba(255,255,255,0.2);}
.gallery-section-name:focus,.gallery-section-desc:focus{outline:none;}

/* ОПИСАНИЕ К ПРОЕКТУ */
.project-desc{font-family:var(--body-font);font-size:15px;color:#b0b0b0;outline:none;white-space:pre-wrap;margin-bottom:28px;pointer-events:none;min-height:20px;}
body.edit-mode .project-desc{pointer-events:auto;cursor:text;border-bottom:1px dashed rgba(255,255,255,0.2);}

/* ОПИСАНИЕ К КАРТОЧКЕ ПРОЕКТА */
.project-card-desc{font-family:var(--body-font);font-size:12px;color:#b0b0b0;padding:0 18px 14px;outline:none;pointer-events:none;display:none;}
body.edit-mode .project-card-desc{display:block;pointer-events:auto;cursor:text;}
body.edit-mode .project-card-desc:focus{border-bottom:1px dashed rgba(255,255,255,0.2);}

/* КНОПКИ СОРТИРОВКИ */
.sort-controls{display:none;position:absolute;top:4px;right:4px;z-index:10;flex-direction:column;gap:2px;}
body.edit-mode .inner-item:hover .sort-controls{display:flex;}
body.edit-mode .project-card:hover .sort-controls{display:flex;}
.sort-btn{background:rgba(0,0,0,0.6);border:none;color:#ffffff;font-size:11px;cursor:pointer;width:22px;height:22px;display:flex;align-items:center;justify-content:center;transition:background 0.2s;}
.sort-btn:hover{background:rgba(255,255,255,0.2);}
.inner-item{position:relative;}
.project-card{position:relative;}

input[type=file]{display:none;}

/* ═══════════════════════════════════════════════
   МНОГОСТРАНИЧНАЯ НАВИГАЦИЯ И АНИМАЦИИ ПЕРЕХОДОВ
   ═══════════════════════════════════════════════ */

/* ── Анимации страницы ── */
@keyframes pageEnter {
  from { opacity: 0; transform: translateY(32px); }
  to   { opacity: 1; transform: translateY(0);    }
}
@keyframes pageExit {
  from { opacity: 1; transform: translateY(0);     }
  to   { opacity: 0; transform: translateY(-24px); }
}
.page-wrap {
  opacity: 0;
}
.page-wrap.data-loaded {
  animation: pageEnter 0.4s cubic-bezier(0.22, 1, 0.36, 1) both;
}
body.page-exit .page-wrap {
  animation: pageExit 0.18s ease-in forwards;
}

/* Home-screen тоже анимируется */
#home-screen {
  animation: pageEnter 0.4s cubic-bezier(0.22, 1, 0.36, 1) both;
}
body.page-exit #home-screen {
  animation: pageExit 0.18s ease-in forwards;
}

/* ── Навигация в шапке на страницах разделов ── */
.section-nav {
  display: flex;
  gap: 32px;
  align-items: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.section-nav a {
  font-family: var(--nav-font);
  font-size: 10px;
  font-weight: normal;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.55);
  text-decoration: none;
  transition: color 0.3s;
}
.section-nav a:hover,
.section-nav a.active {
  color: #ffffff;
}
@media(max-width:700px){
  .section-nav {
    display: none;
    position: fixed;
    top: 60px;
    left: 0; right: 0;
    background: rgba(10,10,8,0.97);
    flex-direction: column;
    gap: 0;
    padding: 16px 0;
    z-index: 9998;
    transform: none;
  }
  .section-nav.open { display: flex; }
  .section-nav a {
    padding: 14px 32px;
    width: 100%;
  }
}

/* ── section-page всегда видна на своей странице ── */
.section-page.standalone {
  display: block !important;
  border-top: none;
  padding-top: 80px;
}