/* Project covers: presentation layers only. Original project assets stay intact. */
.project-image.project-cover{aspect-ratio:1.45;padding:0;isolation:isolate;container-type:inline-size;border:1px solid transparent;transition:border-color .25s,box-shadow .25s}
.project-image.project-cover:hover{border-color:var(--info);box-shadow:0 12px 32px #0002}
.project-cover .cover-index,.project-cover .cover-footer{position:absolute;inset:22px 24px auto;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:.06em}
.project-cover .cover-footer{inset:auto 24px 20px;font-size:8px}
.cover-arrow{display:grid;place-items:center;width:30px;height:30px;border:1px solid currentColor;transition:background .25s,color .25s,transform .25s}
.cover-arrow svg{width:16px;height:16px}
.project-cover:hover .cover-arrow{transform:translate(2px,-2px)}
.project-cover img{transition:transform .65s cubic-bezier(.2,.65,.2,1)}
.project-image.project-cover:hover img{transform:none}
.cover-vision{color:#b5f45b;background:#0d1822;background-image:linear-gradient(#8eddd812 1px,transparent 1px),linear-gradient(90deg,#8eddd812 1px,transparent 1px);background-size:36px 36px}
.cover-vision .cover-index{color:#8eddd8}
.vision-cover-field{position:absolute;inset:0;overflow:hidden;z-index:-1;background:radial-gradient(ellipse at 85% 65%,#b5f45b16,transparent 60%)}
.vision-cover-field>span{position:absolute;width:78%;aspect-ratio:1;border:1px solid #8eddd838;border-radius:50%;left:43%;top:-24%;transform:rotate(-25deg) scaleX(.65)}
.vision-cover-field>span+span{left:38%;top:-18%;border-color:#b5f45b38}
.vision-cover-signature{position:absolute;left:8%;right:8%;top:33%;display:flex;align-items:center;gap:5%;color:#e8f1f5}
.vision-cover-signature>svg{width:17%;height:auto;aspect-ratio:1;color:#b5f45b;flex:none}
.vision-cover-signature>span{display:flex;align-items:center;font:600 15.5cqw/1 var(--sans);letter-spacing:-.075em;gap:5%;width:100%}
.vision-cover-signature i{width:1.1cqw;height:10cqw;display:block;flex:none;background:#b5f45b}
.vision-cover-tagline{position:absolute;left:8%;top:62%;font-size:2.1cqw;line-height:1.5;color:#8eddd8}
.cover-black{background:#eed747;color:#191c18;background-image:linear-gradient(#191c180b 1px,transparent 1px),linear-gradient(90deg,#191c180b 1px,transparent 1px);background-size:32px 32px}
.black-cover-browser{position:absolute;left:19%;right:19%;top:13%;display:block;background:#fff;border:1px solid #24251f;box-shadow:9px 10px 0 #24251f;transform:rotate(-2deg);transform-origin:center;transition:transform .6s ease}
.black-cover-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;font-size:6px;color:#34352c;background:#f4f1e5;border-bottom:1px solid #24251f;white-space:nowrap}
.black-cover-toolbar>span:first-child{letter-spacing:1px;font-size:5px}
.black-cover-browser img{width:100%;height:auto;max-width:none}
.cover-black:hover .black-cover-browser{transform:rotate(0deg) translateY(-3px)}
.cover-sara{background:#f3e8d4;color:#ac2630}
.sara-cover-stripe{position:absolute;inset:0 0 0 65%;background:#ad2730}
.cover-sara .cover-index{color:#ac2630}
.cover-sara .cover-index>span:last-child{color:#f3e8d4}
.sara-cover-logo{position:absolute;left:5%;top:32%;width:58%;display:block}
.sara-cover-logo img{width:100%;height:auto}
.sara-cover-poster{position:absolute;right:7%;top:19%;width:28%;display:block;box-shadow:7px 10px 0 #5e17225e;transform:rotate(5deg);transition:transform .6s ease}
.sara-cover-poster img{width:100%;height:auto}
.cover-sara:hover .sara-cover-poster{transform:rotate(2deg) translateY(-3px)}
.cover-sara .cover-arrow{color:#f3e8d4}
.cover-allyah{background:#d8a198;color:#69451d}
.allyah-cover-lines{position:absolute;inset:0;width:100%;height:100%;color:#69451d;opacity:.3}
.allyah-cover-card{position:absolute;inset:20% 14%;display:flex;align-items:center;justify-content:center;background:#f3e8d4;box-shadow:10px 12px 0 #69451d25;transform:rotate(-3deg);transition:transform .6s ease}
.allyah-cover-card:after{content:'';position:absolute;inset:10px;border:1px solid #69451d30;pointer-events:none}
.allyah-cover-card img{width:90%;height:auto;max-height:155%;object-fit:contain}
.cover-allyah:hover .allyah-cover-card{transform:rotate(0deg) translateY(-3px)}
@media(max-width:600px){
  .project-image.project-cover{aspect-ratio:1.36}
  .project-cover .cover-index{inset:15px 16px auto;font-size:6px;gap:8px}
  .project-cover .cover-footer{inset:auto 16px 14px;font-size:6px}
  .cover-arrow{width:25px;height:25px}.cover-arrow svg{width:13px;height:13px}
  .black-cover-browser{top:15%;box-shadow:6px 7px 0 #24251f}
  .black-cover-toolbar{font-size:5px;padding:6px;gap:5px}
  .black-cover-toolbar>span:first-child{font-size:4px;letter-spacing:0}
  .allyah-cover-card:after{inset:7px}
}
@media(prefers-reduced-motion:reduce){.project-cover *{transition:none!important}}