*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}html{color-scheme:dark;background:#080807}body{min-height:100svh;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:url("/brands/assets/vendor/luluka-public-media/172dabfcb610da84d911e2d20aa17319e7157a39d11671a3eda565e8f5382046/luluka-gold-background.png") center/cover no-repeat}.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}main{display:flex;align-items:center;min-height:100svh;padding:clamp(24px,5vw,80px) clamp(18px,3vw,56px)}.project{width:min(100%,1680px);margin:auto}.project-grid{display:grid;grid-template-columns:minmax(0,1.778723fr) minmax(0,.707245fr) minmax(0,1.131467fr) minmax(0,1.778723fr);gap:12px;align-items:start}.project-pair{display:contents}.artwork-button{display:block;width:100%;min-width:0;padding:0;border:0;background:none;text-align:inherit;text-decoration:none;cursor:pointer}.visual-window{position:relative;aspect-ratio:836/470;min-width:0;margin:0;overflow:hidden;background:#eadce5}.visual-window img{position:absolute;display:block;width:200%;height:200%;max-width:none;object-fit:fill}.poster-image{aspect-ratio:1191/1684}.original-image{aspect-ratio:1334/1179}.original-image img,.poster-image img{position:static;width:100%;height:auto}.quadrant-0 img{left:0;top:0}.quadrant-3 img{left:-100%;top:-100%}.artwork-button .visual-window::after{content:"";position:absolute;inset:0;pointer-events:none;background:#000;opacity:0;transition:opacity .24s ease}.project-grid:has(.artwork-button:focus-visible) .artwork-button .visual-window::after,.project-grid:has(.artwork-button:active) .artwork-button .visual-window::after{opacity:.32}@media(hover:hover){.project-grid:hover .artwork-button .visual-window::after{opacity:.32}}.artwork-button:focus-visible{outline:2px solid #c8b38a;outline-offset:5px}@media(max-width:1100px){main{padding:clamp(24px,5vw,44px) clamp(16px,3vw,32px)}.project-grid{display:flex;flex-direction:column;gap:12px}.project-pair{display:grid;width:100%;gap:10px;align-items:start}.pair-0{grid-template-columns:minmax(0,1.778723fr) minmax(0,.707245fr)}.pair-1{grid-template-columns:minmax(0,1.131467fr) minmax(0,1.778723fr)}}@media(max-width:600px){main{align-items:flex-start;padding:24px 16px}.project-grid,.project-pair{gap:16px}.project-pair{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.artwork-button .visual-window::after{transition:none}}
