:root{color-scheme:dark;--ink:#050403;--text:#f4eee4;--muted:#aaa297;--gold:#d4a94f;--pale:#ffe0a0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;margin:0;overflow-x:hidden;color:var(--text);background:#050403;font-family:Inter,Arial,sans-serif}.gallery-room{position:relative;isolation:isolate;min-height:calc(100vh - 120px);padding:clamp(28px,4vw,56px) clamp(20px,4.5vw,72px) 34px;overflow:hidden}.room{position:absolute;z-index:-3;inset:0;background:linear-gradient(180deg,rgba(2,2,2,.52),rgba(2,2,2,.34) 48%,rgba(2,2,2,.72)),url("../assets/executive-office-phase1b.png") center/cover fixed no-repeat;filter:brightness(.5) saturate(.72) sepia(.12)}.gallery-room::before{content:"";position:absolute;z-index:-2;inset:12% 5% 16%;background:radial-gradient(ellipse at 50% 70%,rgba(222,158,52,.15),transparent 58%);pointer-events:none}.gallery-introduction{max-width:760px;margin:0 auto 2rem;text-align:center;text-shadow:0 3px 20px #000}.gallery-introduction p{margin:0 0 .55rem;color:var(--gold);font-size:.64rem;letter-spacing:.3em;text-transform:uppercase}.gallery-introduction h1{margin:0;font:500 clamp(2.4rem,5vw,5rem)/1 Georgia,serif;letter-spacing:-.035em}.gallery-introduction span{display:block;margin:.7rem auto 0;color:#c5beb2;font:1rem/1.5 Georgia,serif}.collection-stage{display:flex;align-items:flex-end;justify-content:center;gap:clamp(16px,2.8vw,44px);max-width:1440px;margin:0 auto;padding:1.5rem 1rem 2rem;perspective:1400px}.gallery-plaque{position:relative;display:flex;flex:1 1 0;flex-direction:column;align-items:center;min-width:0;max-width:440px;color:inherit;text-decoration:none;transform:translateY(0) rotateY(0);transition:transform .65s cubic-bezier(.2,.75,.2,1),filter .65s}.gallery-plaque:nth-child(1){transform:rotateY(5deg) scale(.94)}.gallery-plaque:nth-child(3){transform:rotateY(-5deg) scale(.94)}.gallery-plaque::before{content:"";position:absolute;z-index:-1;left:12%;right:12%;bottom:4.6rem;height:18%;background:rgba(224,156,42,.22);filter:blur(28px);transition:.65s}.plaque-image{display:block;width:100%;aspect-ratio:1.36/1;object-fit:cover;object-position:center;border:1px solid rgba(255,224,158,.45);box-shadow:inset 0 0 0 2px rgba(255,255,255,.1),0 28px 48px rgba(0,0,0,.68);clip-path:polygon(3% 0,97% 0,100% 94%,96% 100%,4% 100%,0 94%)}.gallery-plaque[data-slug="cyop-systems"] .plaque-image{object-position:center 46%}.plaque-label{position:relative;width:92%;min-height:86px;margin-top:-3px;padding:1rem 1rem .85rem;text-align:center;background:linear-gradient(#17120c,#050403 70%);border:1px solid rgba(224,180,88,.5);box-shadow:0 18px 30px rgba(0,0,0,.65)}.plaque-label::after{content:"";position:absolute;left:8%;right:8%;bottom:5px;height:1px;background:linear-gradient(90deg,transparent,#edb94f,transparent);box-shadow:0 0 10px #d58e22}.plaque-label small,.plaque-label span{display:block;color:#a79c8b;font-size:.5rem;letter-spacing:.16em;text-transform:uppercase}.plaque-label strong{display:block;margin:.25rem 0;color:#f1d490;font:500 clamp(.95rem,1.5vw,1.3rem)/1.1 Georgia,serif}.plaque-label span{color:#d6ad5b}.gallery-plaque:hover,.gallery-plaque:focus-visible{z-index:2;transform:translateY(-12px) scale(1.025);filter:brightness(1.08)}.gallery-plaque:hover::before,.gallery-plaque:focus-visible::before{background:rgba(239,177,61,.35)}.gallery-plaque:focus-visible{outline:2px solid var(--pale);outline-offset:7px}.gallery-actions{display:flex;justify-content:space-between;align-items:center;max-width:1320px;margin:0 auto;padding-top:1rem;border-top:1px solid rgba(211,167,82,.3);color:#9e9589;font-size:.59rem;letter-spacing:.15em;text-transform:uppercase}.gallery-actions a{color:#d3b368;text-decoration:none}.gallery-actions b{color:#f1d491}.noscript{text-align:center}.noscript a{color:var(--pale)}@media(max-width:840px){.gallery-room{overflow:visible}.room{background-attachment:scroll}.collection-stage{justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;padding:1rem 8vw 2.5rem}.gallery-plaque,.gallery-plaque:nth-child(1),.gallery-plaque:nth-child(3){flex:0 0 min(76vw,420px);transform:none;scroll-snap-align:center}.gallery-plaque:hover,.gallery-plaque:focus-visible{transform:translateY(-7px)}.gallery-actions{gap:1rem;align-items:flex-start}.gallery-actions span{text-align:right}}@media(max-width:520px){.gallery-room{padding:28px 0 28px}.gallery-introduction{padding:0 18px}.collection-stage{padding-left:12vw;padding-right:12vw}.gallery-plaque{flex-basis:82vw}.gallery-actions{margin:0 18px}.gallery-actions span{max-width:15ch;line-height:1.5}}