/* Palaeli Logofolio */
body.palaeli-redesign .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.palaeli-redesign .logofolio-hero h1{max-width:1050px}
body.palaeli-redesign .logofolio-stats{display:flex;flex-wrap:wrap;gap:12px 40px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}
body.palaeli-redesign .logofolio-stats p{font-size:14px!important;color:var(--muted);margin:0!important}
body.palaeli-redesign .logofolio-stats strong{display:block;font-size:34px;line-height:1;color:var(--ink);font-weight:500;letter-spacing:-.02em;margin-bottom:6px}
body.palaeli-redesign .logofolio{padding:10px 0 90px}
body.palaeli-redesign .logo-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px}
body.palaeli-redesign .logo-filter{font:inherit;font-size:14px;line-height:1;padding:12px 16px;min-height:44px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}
body.palaeli-redesign .logo-filter span{opacity:.55;margin-left:4px;font-size:12px}
body.palaeli-redesign .logo-filter:hover{border-color:var(--ink)}
body.palaeli-redesign .logo-filter[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--white)}
body.palaeli-redesign .logo-filter:focus-visible,body.palaeli-redesign .logo-tile:focus-visible,body.palaeli-redesign .logo-dialog button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
body.palaeli-redesign .logo-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 28px}
body.palaeli-redesign .logo-item[hidden]{display:none}
body.palaeli-redesign .logo-item{animation:logo-in .35s ease both}
@keyframes logo-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
body.palaeli-redesign .logo-tile{display:block;width:100%;aspect-ratio:1/1;padding:0;border:1px solid var(--line);border-radius:6px;background:#fff;cursor:zoom-in;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
body.palaeli-redesign .logo-tile img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .35s ease}
body.palaeli-redesign .logo-tile:hover{transform:translateY(-4px);border-color:var(--ink);box-shadow:0 20px 40px -26px rgba(23,23,25,.45)}
body.palaeli-redesign .logo-tile:hover img{transform:scale(1.04)}
body.palaeli-redesign .logo-caption{margin:14px 0 0;display:flex;flex-direction:column;gap:4px}
body.palaeli-redesign .logo-caption strong{font-size:15px;font-weight:600;line-height:1.3}
body.palaeli-redesign .logo-caption span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
/* Enlarged view */
body.palaeli-redesign .logo-dialog{width:min(980px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:0;border:0;border-radius:8px;background:var(--paper);color:var(--ink);box-shadow:0 30px 80px -30px rgba(0,0,0,.6)}
body.palaeli-redesign .logo-dialog::backdrop{background:rgba(23,23,25,.72)}
body.palaeli-redesign .logo-dialog[open]{animation:logo-pop .22s ease both}
@keyframes logo-pop{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}
body.palaeli-redesign .logo-dialog-inner{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
body.palaeli-redesign .logo-dialog-figure{margin:0;background:#fff;aspect-ratio:1/1}
body.palaeli-redesign .logo-dialog-img{display:block;width:100%;height:100%;object-fit:contain}
body.palaeli-redesign .logo-dialog-copy{padding:56px 40px 36px;display:flex;flex-direction:column;align-items:flex-start}
body.palaeli-redesign .logo-dialog-copy h2{font-size:34px;line-height:1.1;margin-top:16px}
body.palaeli-redesign .logo-dialog-sector{font-size:12px!important;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:12px!important}
body.palaeli-redesign .logo-dialog-text{font-size:16px!important;color:var(--muted);margin:22px 0 26px!important;line-height:1.6}
body.palaeli-redesign .logo-dialog-nav{margin-top:auto;padding-top:32px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}
body.palaeli-redesign .logo-dialog-nav button{font:inherit;font-size:14px;min-height:44px;padding:0 4px;border:0;background:none;color:var(--ink);cursor:pointer}
body.palaeli-redesign .logo-dialog-nav button:hover{text-decoration:underline;text-underline-offset:4px}
body.palaeli-redesign .logo-count{font-size:12px;color:var(--muted)}
body.palaeli-redesign .logo-dialog-close{position:absolute;top:12px;right:12px;width:44px;height:44px;min-width:0;padding:0;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--paper);font-size:24px;line-height:1;color:var(--ink);cursor:pointer;z-index:1}
body.palaeli-redesign .logo-dialog-close:hover{border-color:var(--ink)}
/* Identity projects list and process */
body.palaeli-redesign .logofolio-cases{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;border-top:1px solid var(--line);padding:70px 0}
body.palaeli-redesign .logofolio-cases h2{font-size:40px;margin-top:18px}
body.palaeli-redesign .logofolio-cases>div:first-child p{font-size:16px;color:var(--muted);margin-top:18px}
body.palaeli-redesign .case-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
body.palaeli-redesign .case-list li{border-bottom:1px solid var(--line)}
body.palaeli-redesign .case-list a{display:grid;grid-template-columns:1fr auto;gap:6px 20px;padding:20px 0;color:var(--ink);text-decoration:none}
body.palaeli-redesign .case-list strong{font-size:21px;font-weight:600}
body.palaeli-redesign .case-list span{grid-column:1;font-size:15px;color:var(--muted)}
body.palaeli-redesign .case-list em{grid-row:1/3;grid-column:2;align-self:center;font-style:normal;font-size:20px;transition:transform .2s ease}
body.palaeli-redesign .case-list a:hover strong{text-decoration:underline;text-underline-offset:4px}
body.palaeli-redesign .case-list a:hover em{transform:translateX(4px)}
/* Strip on Our Work and Branding */
body.palaeli-redesign .logofolio-strip{border-top:1px solid var(--line);padding:60px 0 70px}
body.palaeli-redesign .logofolio-strip-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}
body.palaeli-redesign .logofolio-strip-head h2{font-size:40px;margin-top:16px;line-height:1.08}
body.palaeli-redesign .logofolio-strip-head p{font-size:16px;color:var(--muted);margin-top:14px;max-width:560px}
body.palaeli-redesign .logofolio-strip-head .button{flex-shrink:0}
body.palaeli-redesign .logofolio-strip-grid{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px}
body.palaeli-redesign .logofolio-strip-grid li{aspect-ratio:1/1;background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden}
body.palaeli-redesign .logofolio-strip-grid img{display:block;width:100%;height:100%;object-fit:contain}
@media (max-width:1000px){body.palaeli-redesign .logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){
 body.palaeli-redesign .logo-dialog-inner{grid-template-columns:minmax(0,1fr)}
 body.palaeli-redesign .logo-dialog-figure{max-height:52vh}
 body.palaeli-redesign .logo-dialog-copy{padding:24px 22px 18px}
 body.palaeli-redesign .logo-dialog-copy h2{font-size:26px}
 body.palaeli-redesign .logo-dialog-text{margin:14px 0 18px!important}
 body.palaeli-redesign .logo-dialog-nav{padding-top:18px}
 body.palaeli-redesign .logofolio-cases{grid-template-columns:minmax(0,1fr);gap:28px;padding:50px 0}
 body.palaeli-redesign .logofolio-strip-head{flex-direction:column;align-items:flex-start}
 body.palaeli-redesign .logofolio-strip-head h2,body.palaeli-redesign .logofolio-cases h2{font-size:32px}
}
@media (max-width:600px){
 body.palaeli-redesign .logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}
 body.palaeli-redesign .logo-caption strong{font-size:14px}
 body.palaeli-redesign .logofolio-strip-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
}
@media (prefers-reduced-motion:reduce){
 body.palaeli-redesign .logo-item,body.palaeli-redesign .logo-dialog[open]{animation:none}
 body.palaeli-redesign .logo-tile,body.palaeli-redesign .logo-tile img,body.palaeli-redesign .case-list em{transition:none}
 body.palaeli-redesign .logo-tile:hover,body.palaeli-redesign .logo-tile:hover img{transform:none}
}