.detail-page{min-height:100vh;display:flex;flex-direction:column}.detail-main{flex:1;overflow:visible}.detail{padding-block:1.25rem 2.5rem}.detail__container--pending{visibility:hidden;pointer-events:none}.detail__toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem}.detail__toolbar-link{display:inline-flex;align-items:center;gap:.45rem;padding:.65rem 1rem;border-radius:.7rem;border:1px solid hsl(228,20%,30%);background-color:hsl(228,15%,16%);color:var(--title-color);font-size:var(--small-font-size);font-weight:var(--font-medium);transition:transform .2s,border-color .2s}.detail__toolbar-link:hover{transform:translateY(-2px);border-color:var(--first-color)}.detail__toolbar-link--back{border-color:transparent;background-color:var(--first-color)}.detail__hero{display:grid;gap:1rem;padding:1rem;border-radius:1rem;border:1px solid hsl(228,20%,30%);background:linear-gradient(165deg,hsl(228,18%,18%),hsl(228,15%,14%));box-shadow:0 18px 40px hsla(228,30%,8%,.25)}.detail__category{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:1.7rem;padding:0 .72rem;border-radius:999px;border:1px solid hsl(228,20%,32%);font-size:var(--smaller-font-size);line-height:1.05;text-align:center;letter-spacing:.04em;text-transform:uppercase;color:var(--title-color)}.detail__title{margin-top:.7rem;font-size:clamp(1.7rem,3.8vw,2.75rem);line-height:1.15}.detail__description{margin-top:.75rem;color:var(--text-color);line-height:1.7;max-width:64ch}.detail__actions{margin-top:1.1rem;display:flex;flex-wrap:wrap;gap:.65rem}.detail__action{display:inline-flex;align-items:center;gap:.45rem;padding:.65rem .95rem;border-radius:.7rem;border:1px solid hsl(228,20%,30%);background-color:hsl(228,15%,17%);color:var(--title-color);font-size:var(--small-font-size);font-weight:var(--font-medium);cursor:pointer;transition:transform .2s,border-color .2s}.detail__action:hover{transform:translateY(-2px);border-color:var(--first-color)}.detail__action--primary{border-color:transparent;background-color:var(--first-color)}.detail__video-card{border-radius:.9rem;border:1px solid hsl(228,20%,32%);background-color:hsl(228,15%,12%);padding:.5rem;min-height:220px}.detail__video{display:block;width:100%;aspect-ratio:16/9;border-radius:.55rem;background-color:#000}.detail__scan-card{margin-top:1.1rem;border-radius:1rem;border:1px solid hsl(228,20%,30%);background:linear-gradient(160deg,hsl(228,16%,17%),hsl(228,15%,13%));padding:1rem}.detail__scan-head h2{font-size:clamp(1.15rem,2vw,1.5rem)}.detail__scan-head p{margin-top:.35rem;color:var(--text-color);font-size:var(--small-font-size);line-height:1.55}.detail__facts{margin-top:.8rem;display:flex;flex-wrap:wrap;gap:.55rem}.detail__fact{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;border:1px solid hsl(228,20%,34%);background-color:hsl(228,15%,19%);padding:.35rem .7rem;color:var(--title-color);font-size:var(--smaller-font-size);letter-spacing:.01em;transition:border-color .2s}.detail__fact:hover{border-color:var(--first-color)}.detail__scan-grid{margin-top:1rem;display:grid;gap:.8rem}.detail__scan-item{border-radius:.8rem;border:1px solid hsl(228,20%,34%);background-color:hsl(228,15%,16%);padding:.8rem .85rem;transition:border-color .2s}.detail__scan-item:hover{border-color:var(--first-color)}.detail__scan-item h3{display:inline-flex;align-items:center;gap:.45rem;font-size:var(--normal-font-size)}.detail__scan-item h3 i{font-size:1.1rem;color:var(--first-color)}.detail__scan-item ul{margin-top:.55rem;display:grid;gap:.45rem}.detail__scan-item li{color:var(--text-color);font-size:var(--small-font-size);line-height:1.55;list-style:disc;margin-left:1rem}.detail__gallery-card{margin-top:1.1rem;border-radius:1rem;border:1px solid hsl(228,20%,30%);background-color:var(--container-color);padding:1rem}.detail__gallery-head h2{font-size:clamp(1.15rem,2vw,1.5rem)}.detail__gallery-head p{margin-top:.35rem;color:var(--text-color);font-size:var(--small-font-size)}.detail__gallery{margin-top:.9rem;display:grid;gap:.85rem}.detail__shot{width:100%;display:flex;flex-direction:column;text-align:left;align-self:start;border-radius:.8rem;border:1px solid hsl(228,20%,30%);overflow:hidden;background-color:hsl(228,15%,14%);transition:transform .2s,border-color .2s}.detail__shot:hover{transform:translateY(-3px);border-color:var(--first-color)}.detail__shot-open{width:100%;appearance:none;padding:0;border:0;cursor:zoom-in;background:transparent}.detail__shot img{display:block;width:100%;height:210px;object-fit:cover;object-position:top center}.detail__shot--expanded .detail__shot-open{cursor:zoom-in}.detail__shot--expanded img{height:auto;max-height:none;object-fit:contain}.detail__shot-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem .75rem}.detail__shot-meta span{display:block;font-size:var(--small-font-size);color:var(--text-color)}.detail__shot-toggle{width:1.8rem;height:1.8rem;border-radius:999px;border:1px solid hsl(228,20%,34%);background-color:hsl(228,15%,18%);color:var(--title-color);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.detail__shot-toggle:hover{border-color:var(--first-color)}.detail__shot-toggle i{font-size:1.1rem}.detail__empty{padding:1rem;border-radius:.75rem;border:1px dashed hsl(228,15%,35%);text-align:center;color:var(--text-color);font-size:var(--small-font-size)}.detail__modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;background-color:hsla(228,25%,7%,.82);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.detail__modal-content{position:relative;width:min(100%,980px);max-height:calc(100vh - 2rem);overflow:hidden;border-radius:.85rem;border:1px solid hsl(228,20%,32%);background-color:hsl(228,15%,12%);box-shadow:0 18px 42px hsla(228,35%,4%,.55)}.detail__modal-close{position:absolute;top:.6rem;right:.6rem;z-index:2;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid hsl(228,20%,34%);background-color:hsla(228,18%,16%,.9);color:var(--title-color);cursor:pointer}.detail__modal-close:hover{border-color:var(--first-color)}.detail__modal-close i{font-size:1.1rem}.detail__modal-image{display:block;width:100%;max-height:calc(100vh - 8rem);object-fit:contain;background-color:#000}.detail__modal-caption{padding:.7rem .95rem;color:var(--text-color);font-size:var(--small-font-size)}.is-hidden{display:none!important}@media screen and (min-width:768px){.detail__hero{padding:1.35rem}.detail__gallery,.detail__scan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:1024px){.detail__hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr);align-items:start;padding:1.55rem}.detail__gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.detail__scan-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}