/* New design v1: restrained editorial homepage, with the original journal identity. */
.topline{background:#4a0202}
.site-header{background:#fff}
.site-header .header-inner{min-height:128px;padding-block:17px}
.site-header .brand{width:clamp(160px,17vw,220px);height:90px;overflow:visible;background:transparent;margin-block:8px}
.site-header .brand:before{display:none}
.site-header .brand img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transform:none;animation:logo-breathe 7s ease-in-out infinite}
.site-header .brand:hover img,.site-header .brand:focus-visible img{transform:scale(1.025)}
.hero-redesign{background:#fff;isolation:isolate}
.hero-redesign:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,transparent 62%,#8e2d2c0b 62.1%,transparent 62.3%),linear-gradient(45deg,transparent 73%,#8e2d2c0b 73.1%,transparent 73.3%);pointer-events:none}
.hero-redesign .hero-inner{grid-template-columns:minmax(0,1.45fr) minmax(285px,.55fr);min-height:545px;gap:clamp(22px,3vw,42px);padding-block:52px}
.hero-redesign .hero-copy .kicker{font-size:.72rem;letter-spacing:.11em}
.hero-redesign h1.hero-title{display:block;max-width:850px;margin:24px 0 16px;font-family:"Noto Serif Georgian",Georgia,serif;font-size:clamp(2rem,2.85vw,3.05rem);font-style:normal;font-weight:600;line-height:1.22;letter-spacing:-.04em;overflow-wrap:normal}
.hero-redesign .hero-title-signature{display:block;max-width:100%;padding:0;color:#822330;font:inherit;letter-spacing:inherit;line-height:inherit;text-shadow:none;transform:none;animation:none;white-space:normal}
.hero-redesign .hero-title-signature:before,.hero-redesign .hero-title-signature:after,.hero-redesign .hero-title-tail:after{display:none}
.hero-redesign .hero-title-tail{display:block;max-width:100%;margin:.13em 0 0;padding:0;color:#252c2d;background:none;border-radius:0;font:inherit;font-weight:600;letter-spacing:inherit;text-shadow:none;animation:none;overflow-wrap:anywhere}
.hero-redesign .hero-copy>p{position:relative;max-width:64ch;margin:21px 0 0;padding-left:25px;font-size:.88rem;line-height:1.65}
.hero-redesign .hero-copy>p:before{content:"";position:absolute;left:0;top:.72em;width:16px;height:2px;background:#8e2d2c}
.hero-redesign .toolbar{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.hero-redesign .button{border-radius:4px;padding:12px 22px}
.hero-redesign .hero-visual{min-height:440px;display:flex;justify-content:center;align-items:center;gap:26px}
.journal-book{position:relative;width:min(68%,292px);aspect-ratio:3/4;filter:drop-shadow(19px 19px 17px #4b222430);transform:perspective(1100px) rotateY(-8deg);transition:transform .45s ease,filter .45s ease}
.journal-book:hover{transform:perspective(1100px) rotateY(-2deg) translateY(-8px);filter:drop-shadow(22px 29px 20px #4b222438)}
.journal-book:after{content:"";position:absolute;top:1%;bottom:0;right:-9px;width:10px;background:linear-gradient(90deg,#e4e0dc,#fff,#b8b3ae);transform:skewY(4deg);box-shadow:3px 3px 3px #281d2017}
.journal-book-cover{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:20px 20px 22px;background:#fff var(--book-cover) center/cover no-repeat;box-shadow:inset 4px 0 8px #26101215;border:1px solid #ddd5d0}
.journal-book-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.journal-book-mark{color:#80232d;font:700 1.55rem/.72 Georgia,serif;letter-spacing:-.12em}.journal-book-mark b{font-size:1.08rem}
.journal-book-top small{max-width:100px;color:#34302e;text-align:right;font-size:.52rem;font-weight:700;line-height:1.3;letter-spacing:.04em}
.journal-book-bottom{display:flex;flex-direction:column;gap:5px;padding:9px;background:#fffffff0;color:#3b2b2d}
.journal-book-bottom span{font-size:.67rem;color:#7c2430;font-weight:700}.journal-book-bottom strong{font:600 .91rem/1.3 "Noto Serif Georgian",Georgia,serif}.journal-book-bottom small{font-size:.6rem;text-transform:uppercase;letter-spacing:.12em}
.hero-visual-note{display:flex;flex-direction:column;gap:6px;color:#555459;font-size:.66rem;letter-spacing:.27em;font-weight:700}
.home-highlights{border-block:1px solid #eee8e5;background:#fff}
.home-highlights-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.home-highlights a{display:flex;align-items:center;gap:16px;min-height:91px;padding:17px 28px;color:#32302f;border-right:1px solid #eee8e5;transition:background .2s ease,color .2s ease}
.home-highlights a:first-child{border-left:1px solid #eee8e5}.home-highlights a:hover{background:#fff7f5;color:#8e2d2c;text-decoration:none}
.home-highlights a span{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:50%;background:#f7eeee;color:#8e2d2c;font-size:1.25rem}.home-highlights strong{font-family:"Noto Serif Georgian",Georgia,serif;font-size:1rem}
@media(max-width:900px){.hero-redesign .hero-inner{grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr)}.hero-redesign h1.hero-title{font-size:clamp(1.85rem,3.3vw,2.45rem)}.hero-redesign .hero-visual{min-height:370px}.hero-visual-note{display:none}}
@media(max-width:700px){.site-header .header-inner{min-height:0;padding-block:13px}.site-header .brand{width:min(165px,42vw);height:70px;margin-block:5px}.hero-redesign .hero-inner{grid-template-columns:1fr;gap:15px;min-height:0;padding-block:42px}.hero-redesign h1.hero-title{font-size:clamp(1.8rem,5.8vw,2.65rem)}.hero-redesign .hero-visual{min-height:340px}.journal-book{width:220px}.home-highlights a{min-height:76px;padding:12px;gap:9px}.home-highlights strong{font-size:.83rem}}
@media(max-width:480px){.site-header .brand{width:min(145px,38vw);height:62px}.hero-redesign h1.hero-title{font-size:clamp(1.65rem,6.3vw,2.15rem)}.hero-redesign .hero-copy .kicker{letter-spacing:.035em;font-size:.66rem}.hero-redesign .hero-visual{min-height:315px}.journal-book{width:190px}.home-highlights-inner{grid-template-columns:1fr}.home-highlights a,.home-highlights a:first-child{border-left:0;border-right:0;border-bottom:1px solid #eee8e5;min-height:63px}}
@media(prefers-reduced-motion:reduce){.site-header .brand img{animation:none}.journal-book,.home-highlights a{transition:none}}

/* Version 1.2: unified deep-burgundy accents and quiet university backdrop. */
:root{--wine:#4a0202;--wine-dark:#350101}
.topline{background:#4a0202}
.site-header{background:#fff}
.site-header .brand{background:none;box-shadow:none}
.site-header .brand:before,.site-header .brand:after{display:none!important}
.site-header .brand img{mix-blend-mode:multiply;filter:none}
#main-content{position:relative;background:#fff}
#main-content:before{display:none}
#main-content>.hero-redesign{background:linear-gradient(90deg,#fffffff2 0%,#ffffffe5 47%,#ffffffbf 100%),url('../images/eeu-campus-background.webp') center 52%/cover no-repeat}
#main-content>.section{background-color:#fff}
#main-content>.section.alt{background-color:#f9f8f5}
.hero-redesign .hero-title-signature,.hero-redesign .hero-copy .kicker,.home-highlights a span{color:#4a0202}
.hero-redesign .hero-copy>p:before,.home-highlights a:hover{color:#4a0202}
.hero-redesign .hero-copy>p:before{background:#4a0202}
.button,.button.small{background:#4a0202;border-color:#4a0202}
.button:hover,.button.small:hover{background:#350101;border-color:#350101}
.button.secondary{background:#fff;color:#4a0202;border-color:#4a0202}
.button.secondary:hover{background:#fff5f3;color:#350101}
.site-search:focus-within,.field input:focus,.field textarea:focus,.field select:focus{border-color:#4a0202}
.site-search button,.nav-inner a:hover,.dropdown>button:hover,.card a,.section-head>a,.hero-card a,.page-title a{color:#4a0202}
.nav-inner>a:after,.dropdown>button:after,.card:before,.hero h1:after{background:#4a0202}
.card:hover,.card:focus-within{border-color:#b78989}
.hero-card,.stat,.form-panel{border-top-color:#4a0202}
.badge{color:#4a0202;background:#f5eaea}
.hero-redesign .hero-inner{background:transparent}
/* Version 1.4: a single image in the hero and calmer motion in the masthead. */
.site-header .header-inner{min-height:100px;padding-block:6px;align-items:center}
.site-header .brand{height:76px;margin:0;align-self:center;display:flex;align-items:center;justify-content:flex-start}
.site-header .brand img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center;transform-origin:50% 50%;animation:journal-logo-breathe 6s ease-in-out infinite}
.site-header .brand:hover img,.site-header .brand:focus-visible img{animation-play-state:paused;transform:translateY(-2px) scale(1.025)}
.hero-redesign .hero-title-signature{font-family:"Noto Serif Georgian",Georgia,serif;font-style:italic;font-weight:600;letter-spacing:-.035em;animation:journal-title-rise .8s ease-out both}
.hero-redesign .hero-title-tail{font-family:"Noto Serif Georgian",Georgia,serif;font-weight:600;letter-spacing:-.045em;animation:journal-title-rise .95s .12s ease-out both}
.hero-redesign .hero-title-signature:hover,.hero-redesign .hero-title-tail:hover{text-shadow:0 8px 20px #4a020229;transition:text-shadow .25s ease}
.hero-redesign .hero-title-signature:after{display:block!important;position:static;content:"";width:76px;height:2px;margin-top:.16em;border:0;border-radius:0;background:linear-gradient(90deg,#4a0202,#4a020200);transform:none;animation:journal-title-line 1s .2s ease-out both}
@keyframes journal-title-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes journal-title-line{from{width:0;opacity:0}to{width:76px;opacity:1}}
@keyframes journal-logo-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.012)}}
@media(max-width:700px){.site-header .header-inner{min-height:0;padding-block:6px}.site-header .brand{height:62px}.hero-redesign{background-position:center 50%}}
@media(max-width:480px){.site-header .brand{height:56px}}
@media(prefers-reduced-motion:reduce){.site-header .brand img,.hero-redesign .hero-title-signature,.hero-redesign .hero-title-tail,.hero-redesign .hero-title-signature:after{animation:none!important}.site-header .brand:hover img,.site-header .brand:focus-visible img{transform:none}}

/* Version 1.5: current issue, unified admin/profile color, responsive link cards. */
.admin-shell .admin-sidebar{background:linear-gradient(155deg,#350101 0%,#4a0202 56%,#681818 100%);box-shadow:0 22px 44px #4a020233}
.admin-shell .admin-sidebar nav a:hover,.admin-shell .admin-sidebar nav a:focus-visible,.admin-shell .admin-public-link:hover{background:#ffffff2b}
.profile-menu summary span{background:linear-gradient(135deg,#4a0202,#711f1f);box-shadow:0 5px 12px #4a020244}
.profile-menu[open] summary span{box-shadow:0 0 0 3px #d8aeae}
.profile-menu-panel{border-color:#dcc4c4;box-shadow:0 18px 40px #4a020229}
.journal-book{text-decoration:none;color:inherit}
.journal-book:hover,.journal-book:focus-visible{text-decoration:none}
.journal-book:focus-visible{outline:3px solid #4a0202;outline-offset:9px}
.journal-book-bottom{border-left:3px solid #4a0202}
.journal-book-bottom strong{font-size:clamp(.88rem,1.4vw,1.12rem);line-height:1.3;color:#292527}
.journal-book-bottom span,.journal-book-bottom small{color:#4a0202}
.home-highlights a{position:relative;overflow:hidden;isolation:isolate;border-radius:8px;transition:transform .3s ease,box-shadow .3s ease,background .3s ease,color .3s ease}
.home-highlights a:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(105deg,#fff 0%,#f8eeee 50%,#fff 100%);transform:translateX(-105%);transition:transform .45s ease}
.home-highlights a:hover,.home-highlights a:focus-visible{transform:translateY(-5px);box-shadow:0 14px 28px #4a02021c;color:#4a0202;background:#fff}
.home-highlights a:hover:before,.home-highlights a:focus-visible:before{transform:translateX(0)}
.home-highlights a span{transition:transform .35s ease,background .35s ease,color .35s ease}
.home-highlights a:hover span,.home-highlights a:focus-visible span{transform:rotate(-8deg) scale(1.13);background:#4a0202;color:#fff}
.home-highlights a strong{transition:transform .3s ease}
.home-highlights a:hover strong,.home-highlights a:focus-visible strong{transform:translateX(3px)}
@media(prefers-reduced-motion:reduce){.home-highlights a,.home-highlights a:before,.home-highlights a span,.home-highlights a strong{transition:none!important}.home-highlights a:hover,.home-highlights a:focus-visible,.home-highlights a:hover span,.home-highlights a:focus-visible span,.home-highlights a:hover strong,.home-highlights a:focus-visible strong{transform:none}}

/* Version 1.6: softer right-side photo, dimensional issue cover. */
#main-content>.hero-redesign{background:linear-gradient(90deg,#fffffff2 0%,#ffffffe9 47%,#ffffffd9 100%),url('../images/eeu-campus-background.webp') center 52%/cover no-repeat}
.journal-book{transform-style:preserve-3d;animation:issue-cover-float 7s ease-in-out infinite;filter:drop-shadow(19px 23px 19px #2e090a42)}
.journal-book:before{content:"";position:absolute;z-index:4;inset:1px 0 1px 0;pointer-events:none;background:linear-gradient(110deg,#ffffff75 0%,transparent 17%,transparent 65%,#ffffff4d 82%,transparent 95%);opacity:.44;transform:translateZ(3px);transition:opacity .35s ease}
.journal-book:after{right:-11px;width:12px;background:linear-gradient(90deg,#bab3ac,#fff,#d1cbc4,#8a8179);box-shadow:4px 4px 8px #281d2030}
.journal-book-cover{box-shadow:inset 7px 0 10px #26101224,inset 0 0 0 1px #ffffff66,0 16px 30px #310a0d24;transition:filter .4s ease}
.journal-book:hover,.journal-book:focus-visible{animation-play-state:paused;transform:perspective(1100px) rotateY(-2deg) rotateX(2deg) translateY(-13px) scale(1.035);filter:drop-shadow(25px 34px 23px #2e090a55)}
.journal-book:hover:before,.journal-book:focus-visible:before{opacity:.72}
.journal-book:hover .journal-book-cover,.journal-book:focus-visible .journal-book-cover{filter:saturate(1.07) contrast(1.02)}
@keyframes issue-cover-float{0%,100%{transform:perspective(1100px) rotateY(-8deg) translateY(0)}50%{transform:perspective(1100px) rotateY(-5deg) translateY(-7px)}}
@media(prefers-reduced-motion:reduce){.journal-book{animation:none!important}.journal-book:hover,.journal-book:focus-visible{transform:perspective(1100px) rotateY(-8deg)}}

/* 3D cover revision: visible book depth and pointer-controlled perspective. */
.hero-redesign .hero-visual{perspective:1000px;overflow:visible}
.journal-book{display:block;animation:issue-book-depth 6s ease-in-out infinite;transform:perspective(1000px) rotateY(-18deg) rotateX(3deg);transition:transform .22s ease-out,filter .3s ease;filter:drop-shadow(25px 28px 18px #2d08084d)}
.journal-book:after{right:-19px;top:1%;bottom:0;width:20px;background:repeating-linear-gradient(0deg,#d1cbc4 0 1px,#f8f5ed 1px 3px);border-right:3px solid #4a0202;transform:skewY(7deg);box-shadow:7px 5px 9px #29141438}
.journal-book:before{inset:0;background:linear-gradient(115deg,#ffffff75,transparent 26%,transparent 65%,#ffffff66);opacity:.45}
.journal-book-cover{border-radius:2px 5px 5px 2px;box-shadow:inset 9px 0 13px #1a08084d,inset -1px 0 2px #ffffffb3,0 20px 35px #310a0d30}
.journal-book-cover:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at var(--glare-x,25%) 15%,#ffffff66,transparent 65%);mix-blend-mode:screen}
.journal-book:hover,.journal-book:focus-visible{animation:none;transform:perspective(1000px) rotateY(-10deg) rotateX(4deg) translateY(-12px) scale(1.04);filter:drop-shadow(30px 38px 22px #2d08085c)}
.journal-book.is-tilting{animation:none;transform:perspective(1000px) rotateX(var(--tilt-x,3deg)) rotateY(var(--tilt-y,-18deg)) translateY(-12px) scale(1.04)}
@keyframes issue-book-depth{0%,100%{transform:perspective(1000px) rotateY(-18deg) rotateX(3deg) translateY(0)}50%{transform:perspective(1000px) rotateY(-11deg) rotateX(-2deg) translateY(-9px)}}
@media(prefers-reduced-motion:reduce){.journal-book,.journal-book.is-tilting,.journal-book:hover,.journal-book:focus-visible{animation:none!important;transition:none!important;transform:perspective(1000px) rotateY(-18deg)}}

/* Light-gray navigation bar and a slightly larger header logo. */
.main-nav{background:#f3f3f3;border-top-color:#e4e4e4;border-bottom-color:#dedede}
.main-nav .mobile-nav-bar,.main-nav .nav-inner{background:transparent}
.main-nav .menu-toggle{background:#fafafa}
.site-header .header-inner{min-height:116px}
.site-header .brand{width:clamp(216px,22.8vw,295.2px);height:100.8px}
@media(max-width:700px){.site-header .header-inner{min-height:0}.site-header .brand{width:min(216px,52.8vw);height:81.6px}}
@media(max-width:480px){.site-header .brand{width:min(189.6px,48vw);height:73.2px}}
