/* HYZ looks / galleries — iridescent "other world" layer */
.lookgal{padding:clamp(34px,5vw,80px) clamp(18px,6vw,110px) 0}
.lookgal h2{font-size:clamp(28px,3.4vw,48px);margin:0 0 10px}
.lkgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:16px;margin-top:26px}
.lk{position:relative;display:block;text-decoration:none;color:inherit;border:1px solid rgba(255,255,255,.12);overflow:hidden;background:#0b0a12;border-radius:2px;isolation:isolate}
.lk img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .6s}
.lk::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(120deg,rgba(255,93,181,0),rgba(139,92,255,.35),rgba(53,224,255,.3),rgba(198,244,50,0));mix-blend-mode:color-dodge;opacity:0;transition:opacity .5s;pointer-events:none}
.lk:hover img,.lk:focus-visible img{transform:scale(1.06) rotate(.4deg);filter:saturate(1.25) hue-rotate(-12deg)}
.lk:hover::after,.lk:focus-visible::after{opacity:.9}
.lk span{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:34px 14px 13px;background:linear-gradient(transparent,rgba(7,6,13,.88));display:flex;flex-direction:column;gap:2px}
.lk b{font:500 13px/1.25 var(--f-b,sans-serif);letter-spacing:.04em}.lk small{font:400 10.5px var(--f-b,sans-serif);letter-spacing:.16em;text-transform:uppercase;opacity:.7}
.lookfig a{display:block}.lookfig img{transition:transform .8s}.lookfig a:hover img{transform:scale(1.03)}
/* look page: each look has its own atmosphere via --wa/--wb */
.lookbody::before{background:
 radial-gradient(50vmax 40vmax at 10% 10%,color-mix(in srgb,var(--wa,#ff5db5) 55%,transparent),transparent 62%),
 radial-gradient(52vmax 40vmax at 92% 20%,color-mix(in srgb,var(--wb,#8b5cff) 50%,transparent),transparent 62%),
 radial-gradient(44vmax 34vmax at 70% 92%,rgba(53,224,255,.2),transparent 62%)!important}
.lk-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(22px,4vw,64px);align-items:start;padding:clamp(30px,5vw,70px) clamp(18px,6vw,110px) 20px}
.lk-hero h1{font-size:clamp(36px,5vw,76px);margin:6px 0 14px}
.lk-main{position:relative;border:1px solid rgba(255,255,255,.16);padding:8px;background:rgba(255,255,255,.03)}
.lk-main img{display:block;width:100%;height:auto;cursor:zoom-in}
.lk-meta h3{font:500 11px var(--f-b,sans-serif);letter-spacing:.22em;text-transform:uppercase;margin:26px 0 10px;opacity:.7}
.lk-meta ul{list-style:none;margin:0;padding:0}.lk-meta li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:15px}
.sw{display:flex;flex-wrap:wrap;gap:10px}.sw span{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.16);padding:6px 12px 6px 7px;font-size:13px;border-radius:99px}
.sw i{width:16px;height:16px;border-radius:50%;display:inline-block;box-shadow:0 0 0 1px rgba(255,255,255,.35) inset}
.lk-note{font-size:13px;opacity:.7;margin-top:18px;max-width:52ch}
.lk-thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:0 clamp(18px,6vw,110px)}
.lk-thumbs a{display:block;border:1px solid rgba(255,255,255,.14);overflow:hidden}.lk-thumbs img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;transition:transform .5s}.lk-thumbs a:hover img{transform:scale(1.07)}
.lk-next{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:clamp(30px,5vw,70px) clamp(18px,6vw,110px) 0}
.lk-next a{flex:1 1 260px;text-decoration:none;padding:22px 24px;border:1px solid transparent;background:linear-gradient(#0d0b16,#0d0b16) padding-box,var(--iri) border-box;display:flex;flex-direction:column;gap:6px}
.lk-next small{letter-spacing:.2em;text-transform:uppercase;font-size:10.5px;opacity:.65}.lk-next b{font:400 clamp(20px,2.4vw,30px) var(--f-d,serif)}
.lk-next a:last-child{text-align:right}
.lkbtns{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
@media(max-width:900px){.lk-hero{grid-template-columns:1fr}.lk-thumbs{grid-template-columns:repeat(3,1fr)}}
/* lightbox */
.lb{position:fixed;inset:0;z-index:99;background:rgba(5,4,10,.94);display:none;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:16px}
.lb.on{display:flex}.lb img{max-width:min(94vw,860px);max-height:80vh;width:auto;height:auto;box-shadow:0 0 90px rgba(139,92,255,.45);animation:lbin .45s cubic-bezier(.2,.8,.2,1)}
@keyframes lbin{from{opacity:0;transform:scale(.94) rotateY(14deg)}to{opacity:1;transform:none}}
.lb p{margin:0;font-size:13px;opacity:.8;text-align:center;max-width:70ch}
.lb button{position:absolute;background:none;border:1px solid rgba(255,255,255,.3);color:#fff;width:46px;height:46px;border-radius:50%;font-size:20px;cursor:pointer}
.lb .x{top:16px;right:16px}.lb .pv{left:16px;top:50%}.lb .nx{right:16px;top:50%}
.lb button:hover{background:var(--iri);color:#0b0a12;border-color:transparent}