/*
Theme Name: Arshia Index
Theme URI: https://arshiaeghbali.com/
Author: Arshia Eghbali
Description: Editorial portfolio index with manually selected thumbnails, manual ordering, visibility controls, and responsive navigation.
Version: 1.6.0
Requires at least: 6.0
Requires PHP: 7.2
Text Domain: arshia-index
License: GNU General Public License v2 or later
*/
:root{--ae-paper:#f6f5f1;--ae-ink:#151515;--ae-muted:#77736c;--ae-line:#d8d5ce;--ae-accent:#e8ff4f;--ae-max:1540px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ae-paper);color:var(--ae-ink);font-family:Arial,Helvetica,sans-serif;letter-spacing:-.015em}body.ae-menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen-reader-text:focus{clip:auto;width:auto;height:auto;margin:8px;padding:10px;background:#fff;z-index:9999}
.ae-shell{max-width:var(--ae-max);margin:auto;display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.ae-sidebar{position:sticky;top:0;height:100vh;padding:28px 24px;border-right:1px solid var(--ae-line);display:flex;flex-direction:column;background:rgba(246,245,241,.96);backdrop-filter:blur(10px);z-index:50}.ae-brand{min-width:0}.ae-wordmark{display:inline-block;font-weight:900;font-size:34px;line-height:.74;letter-spacing:-.075em;width:max-content;max-width:100%;margin:7px 0 20px;transform:scaleY(1.15);transform-origin:left top}.custom-logo-link{display:block;width:max-content;max-width:100%;margin-bottom:16px}.custom-logo{display:block;width:auto;max-width:180px;max-height:100px;object-fit:contain;object-position:left top}.ae-identity{font-size:15px;letter-spacing:.12em;font-weight:700;margin-top:7px}.ae-roles{font:11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;color:var(--ae-muted);margin-top:5px}.ae-menu-toggle{display:none;border:0;background:transparent;color:var(--ae-ink);width:44px;height:44px;padding:10px;cursor:pointer;align-items:center;justify-content:center}.ae-menu-icon{position:relative;width:24px;height:16px;display:block}.ae-menu-icon span{position:absolute;left:0;width:24px;height:2px;background:currentColor;transition:transform .22s ease,opacity .18s ease,top .22s ease}.ae-menu-icon span:nth-child(1){top:0}.ae-menu-icon span:nth-child(2){top:7px}.ae-menu-icon span:nth-child(3){top:14px}.ae-menu-toggle[aria-expanded=true] .ae-menu-icon span:nth-child(1){top:7px;transform:rotate(45deg)}.ae-menu-toggle[aria-expanded=true] .ae-menu-icon span:nth-child(2){opacity:0}.ae-menu-toggle[aria-expanded=true] .ae-menu-icon span:nth-child(3){top:7px;transform:rotate(-45deg)}
.ae-nav{margin-top:58px}.ae-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.ae-nav a{display:block;width:max-content;padding:7px 0;font-size:13px;letter-spacing:.24em;position:relative}.ae-nav a:after{content:'';position:absolute;left:0;bottom:3px;width:0;height:1px;background:var(--ae-ink);transition:width .2s}.ae-nav a:hover:after,.ae-nav a:focus-visible:after,.ae-nav .current-menu-item a:after{width:calc(100% - .24em)}.ae-sidebar-foot{margin-top:auto;font:10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ae-muted)}
.ae-main{min-width:0;padding:28px clamp(28px,5vw,84px) 72px}.ae-intro{display:grid;grid-template-columns:minmax(0,700px) auto;gap:30px;align-items:end;margin:4px 0 46px;padding-bottom:25px;border-bottom:1px solid var(--ae-ink)}.ae-intro h1{font-size:clamp(38px,5vw,76px);font-weight:400;line-height:.96;letter-spacing:-.055em;margin:0}.ae-intro-copy{font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ae-muted);max-width:240px}.ae-intro-copy p{margin:0 0 4px}.ae-toolbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:14px}.ae-filters{display:flex;gap:7px;flex-wrap:wrap}.ae-filter{border:1px solid var(--ae-line);border-radius:999px;background:transparent;padding:7px 11px;font:11px ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer;color:var(--ae-ink)}.ae-filter:hover,.ae-filter.is-active{border-color:var(--ae-ink);background:var(--ae-ink);color:var(--ae-paper)}.ae-count{margin-left:auto;font:11px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ae-muted)}.ae-projects{border-top:1px solid var(--ae-line)}.ae-project{display:grid;grid-template-columns:54px 94px minmax(220px,1fr) 170px 24px;align-items:center;gap:22px;min-height:122px;border-bottom:1px solid var(--ae-line);position:relative;isolation:isolate;transition:padding .25s ease}.ae-project:before{content:'';position:absolute;inset:0 -18px;background:var(--ae-accent);transform:scaleY(0);transform-origin:bottom;transition:transform .25s cubic-bezier(.2,.8,.2,1);z-index:-1}.ae-project:hover:before,.ae-project:focus-visible:before{transform:scaleY(1)}.ae-project:hover,.ae-project:focus-visible{padding-left:12px;padding-right:1px;outline:0}.ae-num{font:11px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ae-muted)}.ae-thumb{height:86px;border:1px solid #aaa;background:#fff;overflow:hidden;position:relative;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,filter .28s;filter:grayscale(1)}.ae-thumb img{width:100%;height:100%;object-fit:cover;display:block}.ae-thumb-placeholder{position:absolute;inset:10px;background:repeating-linear-gradient(25deg,#222 0 2px,transparent 2px 8px);opacity:.68}.ae-project:hover .ae-thumb,.ae-project:focus-visible .ae-thumb{transform:scale(1.28) rotate(-1deg);border-color:var(--ae-ink);box-shadow:5px 6px 0 rgba(0,0,0,.16);filter:grayscale(0)}.ae-title{font-size:clamp(25px,3vw,43px);font-weight:400;line-height:1.02;letter-spacing:-.045em}.ae-meta{font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ae-muted);text-transform:uppercase;letter-spacing:.04em}.ae-arrow{font-size:22px;transform:translateX(-6px);opacity:0;transition:.2s}.ae-project:hover .ae-arrow,.ae-project:focus-visible .ae-arrow{transform:none;opacity:1}.ae-project[hidden]{display:none}.ae-empty{padding:40px 0;color:var(--ae-muted)}.ae-footer{display:flex;justify-content:space-between;gap:20px;padding-top:35px;font:11px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ae-muted)}.ae-content{max-width:820px;font-size:18px;line-height:1.65}.ae-content h1{font-size:clamp(42px,6vw,82px);line-height:.95;font-weight:400;letter-spacing:-.05em}.ae-content a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1024px){.ae-shell{display:block}.ae-sidebar{position:sticky;height:auto;min-height:112px;border-right:0;border-bottom:1px solid var(--ae-line);padding:16px 22px;display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center}.ae-brand{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:16px;align-items:center}.custom-logo-link,.ae-wordmark{grid-row:1/3;margin:0}.custom-logo{max-width:112px;max-height:72px}.ae-wordmark{font-size:26px}.ae-identity{grid-column:2;font-size:14px;margin:0;align-self:end}.ae-roles{grid-column:2;font-size:10px;margin-top:4px;align-self:start}.ae-menu-toggle{display:flex;z-index:62}.ae-nav{display:none;position:fixed;inset:0;background:var(--ae-paper);margin:0;padding:145px 24px 40px;z-index:60;overflow:auto}.ae-nav.is-open{display:block}.ae-nav ul{gap:8px}.ae-nav a{font-size:clamp(25px,5vw,42px);letter-spacing:.06em;padding:10px 0}.ae-sidebar-foot{display:none}.ae-main{padding:26px 22px 50px}.ae-intro{grid-template-columns:1fr;margin-bottom:28px}.ae-intro-copy{max-width:420px}.ae-project{grid-template-columns:30px 66px 1fr 18px;gap:12px;min-height:92px}.ae-thumb{height:66px}.ae-meta{display:none}.ae-title{font-size:clamp(21px,4.2vw,31px)}.ae-count{width:100%;margin:6px 0 0}.ae-project:hover{padding-left:5px}.ae-project:before{inset:0 -8px}}
@media(max-width:600px){.ae-sidebar{min-height:94px;padding:13px 16px}.ae-brand{column-gap:11px}.custom-logo{max-width:82px;max-height:58px}.ae-wordmark{font-size:23px}.ae-identity{font-size:12px;letter-spacing:.08em}.ae-roles{font-size:9px;letter-spacing:.04em;white-space:nowrap}.ae-nav{padding:120px 18px 32px}.ae-nav a{font-size:30px}.ae-main{padding:24px 18px 50px}.ae-intro{gap:14px}.ae-project{grid-template-columns:0 57px 1fr 14px}.ae-num{opacity:0}.ae-thumb{height:57px}.ae-project:hover .ae-thumb{transform:scale(1.1)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.ae-project:hover .ae-thumb{transform:none}}

/* v1.6: compact phone identity and correctly layered mobile navigation */
@media(max-width:1024px){
  .ae-sidebar{z-index:100}
  .ae-menu-toggle{position:relative;z-index:102;border:0;border-radius:0;background:transparent}
  .ae-nav{z-index:101;padding:112px 24px 32px;min-height:100dvh;height:100dvh}
  .ae-nav.is-open{display:flex;align-items:flex-start}
  .ae-nav.is-open ul{width:100%}
}
@media(max-width:600px){
  .ae-sidebar{min-height:82px;padding:10px 12px;grid-template-columns:minmax(0,1fr) 40px}
  .ae-brand{grid-template-columns:72px minmax(0,1fr);grid-template-rows:auto auto;column-gap:9px}
  .custom-logo-link{width:72px;max-width:72px}
  .custom-logo{width:auto;max-width:72px;max-height:50px}
  .ae-wordmark{font-size:20px;max-width:72px}
  .ae-identity{font-size:10.5px;line-height:1.15;letter-spacing:.055em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ae-roles{font-size:7.5px;line-height:1.2;letter-spacing:.025em;white-space:nowrap}
  .ae-menu-toggle{width:40px;height:40px;padding:8px}
  .ae-menu-icon,.ae-menu-icon span{width:22px}
  .ae-nav{inset:0;padding:96px 18px 24px;min-height:100dvh;height:100dvh;background:var(--ae-paper)}
  .ae-nav.is-open{display:flex;align-items:flex-start}
  .ae-nav ul{gap:2px;width:100%}
  .ae-nav a{font-size:24px;line-height:1.15;letter-spacing:.04em;padding:9px 0}
}