.hero-showcase{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:4/3;min-height:0}
.hero-showcase:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#000b);z-index:1;pointer-events:none}
.hero-showcase .hero-slides{position:absolute;inset:0;overflow:hidden;background:#e8e5dd}
.hero-showcase .hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;opacity:0;transition:opacity .55s ease;pointer-events:none}
.hero-showcase .hero-slide.is-active{opacity:1}
.hero-showcase figcaption{z-index:2;bottom:90px;pointer-events:none;background:none}
.hero-showcase .hero-image-tag{z-index:2}
.showcase-controls{position:absolute;inset:auto 24px 24px;z-index:3;display:flex;align-items:center;gap:8px;padding:8px;background:rgba(255,255,255,.94);border-radius:8px;width:max-content;max-width:calc(100% - 48px);box-shadow:0 3px 20px #00000012}
.showcase-controls[hidden]{display:none}
.showcase-controls button{border:0;background:transparent;color:#20251e;min-width:38px;min-height:38px;cursor:pointer;border-radius:5px;font:inherit}
.showcase-controls button:hover{background:#eee9db}
.showcase-controls button:focus-visible{outline:3px solid #806100;outline-offset:2px}
.showcase-dots{display:flex;align-items:center;gap:0}
.showcase-dots button{min-width:25px;min-height:38px;position:relative}
.showcase-dots button:before{content:"";display:block;width:7px;height:7px;border-radius:50%;background:#b4b8ae;margin:auto}
.showcase-dots button[aria-pressed=true]:before{background:#303e29;transform:scale(1.35)}
.showcase-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.material-illustration{position:relative;width:100%;height:100%;min-height:200px}
.material-illustration img{display:block;width:100%;height:100%;object-fit:cover}
.material-illustration small{position:absolute;bottom:12px;left:12px;padding:5px 9px;background:#fffefaeb;color:#454d3f;border-radius:3px;font-size:11px}
.projects-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin:0 0 24px}
#new-project{scroll-margin-top:100px}
#new-project>.admin-panel{margin:0;padding:0;border:0;background:transparent}
.project-edit-details{border:1px solid #dfe1d9;border-radius:10px;background:white;align-self:start;overflow:hidden}
.project-edit-details>summary{display:flex;flex-wrap:wrap;gap:8px 18px;cursor:pointer;padding:22px;align-items:center;list-style:none}
.project-edit-details>summary strong{flex:1 1 180px;font-size:18px}
.project-edit-details>summary span{font-size:13px;color:#5b6554}
.project-edit-details[open]>summary{border-bottom:1px solid #dfe1d9}
.project-edit-details>.admin-panel{margin:0;border:0}
@media(max-width:700px){.hero-showcase{aspect-ratio:4/3;min-height:0}.showcase-controls{left:16px;bottom:16px;gap:2px;padding:5px;max-width:calc(100% - 32px)}.hero-showcase figcaption{bottom:88px!important}.showcase-controls button{min-width:34px}.showcase-dots button{min-width:24px}.project-edit-details>summary{padding:16px}.projects-toolbar{gap:14px}}
@media(prefers-reduced-motion:reduce){.hero-showcase .hero-slide{transition:none}}