.gallery-section{color:#fff;-webkit-font-smoothing:antialiased;--border:#ffffff1f;--muted:#fff6;--pill-bg:#ffffff12;--pill-border:#ffffff29;--mono:"Space Mono", "Courier New", monospace;background:#000;width:100%;height:100vh;font-family:Inter,Helvetica,Arial,sans-serif;position:relative;overflow:hidden}.gallery-canvas{cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.gallery-canvas:active{cursor:grabbing}.gallery-loader{z-index:999;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:14px;transition:opacity .7s ease-in-out;display:flex;position:absolute;inset:0}.gallery-loader h1{letter-spacing:-.02em;font-size:clamp(28px,5vw,50px);font-weight:300}.gallery-loader p{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px}.lbar-wrap{background:#ffffff14;width:160px;height:1px;margin-top:12px;overflow:hidden}.lbar{background:#fff;width:0;height:100%;transition:width .1s ease-out}.gallery-nav{z-index:20;pointer-events:none;justify-content:space-between;align-items:center;padding:22px 28px;display:flex;position:absolute;top:8vh;left:0;right:0}.gallery-nav>*{pointer-events:all}.gallery-logo{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#fff;opacity:.85;align-items:center;gap:10px;font-size:12px;text-decoration:none;display:flex}.logo-ring{border:1.5px solid #ffffff8c;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.logo-ring svg{width:14px;height:14px}.gallery-pill{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--pill-bg);border:1px solid var(--pill-border);cursor:pointer;backdrop-filter:blur(10px);border-radius:100px;align-items:center;gap:7px;padding:10px 20px;font-size:11px;text-decoration:none;transition:background .22s,border-color .22s;display:inline-flex}.gallery-pill:hover{background:#ffffff21;border-color:#ffffff57}.gallery-bottom{z-index:20;pointer-events:none;justify-content:space-between;align-items:center;padding:22px 28px;display:flex;position:absolute;bottom:8vh;left:0;right:0}.gallery-bottom>*{pointer-events:all}.bottom-nav{border:1px solid var(--pill-border);backdrop-filter:blur(14px);background:#080808b8;border-radius:100px;gap:3px;padding:5px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.bottom-nav a{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-radius:100px;padding:8px 20px;font-size:11px;text-decoration:none;transition:color .18s,background .18s}.bottom-nav a.on{color:#000;background:#fff}.bottom-nav a:hover:not(.on){color:#fff}.snd{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:10px;transition:color .18s}.snd:hover{color:#fff}.gallery-side{z-index:20;flex-direction:column;gap:8px;display:flex;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.sv{border:1px solid var(--pill-border);background:var(--pill-bg);cursor:pointer;backdrop-filter:blur(10px);border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .18s,border-color .18s;display:flex}.sv:hover,.sv.on{background:#ffffff24;border-color:#ffffff61}.sv svg{stroke:#fff;fill:none;stroke-width:1.6px;width:15px;height:15px}.gallery-tip{pointer-events:none;z-index:30;opacity:0;border:1px solid var(--pill-border);backdrop-filter:blur(5px);background:#000c;border-radius:6px;flex-direction:column;gap:3px;padding:8px 12px;transition:opacity .18s;display:flex;position:fixed}.gallery-tip.show{opacity:1}.tip-title{color:#fff;white-space:nowrap;font-size:13px;font-weight:500}.tip-sub{font-family:var(--mono);color:var(--muted);letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;font-size:10px}.gallery-detail{z-index:100;opacity:0;pointer-events:none;background:#000;transition:opacity .55s ease-in-out;position:fixed;inset:0;overflow-y:auto}.gallery-detail.open{pointer-events:all;opacity:1}.d-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:26px 28px;display:flex}.d-back{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;font-size:11px;transition:color .18s;display:flex}.d-back:hover{color:#fff}.d-back svg{stroke:currentColor;fill:none;stroke-width:2px;width:13px;height:13px}.d-body{max-width:1080px;margin:0 auto;padding:80px 60px}.d-tags{flex-wrap:wrap;gap:10px;margin-bottom:30px;display:flex}.d-tag{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);border-radius:100px;padding:5px 12px;font-size:10px}.d-title{letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(40px,7vw,90px);font-weight:300;line-height:1.06}.d-client{font-family:var(--mono);color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:60px;font-size:12px}.d-img{aspect-ratio:16/9;background:#111;border-radius:12px;width:100%;margin-bottom:60px;overflow:hidden}.d-img img{object-fit:cover;width:100%;height:100%;display:block}.d-desc{color:var(--muted);max-width:660px;margin-bottom:80px;font-size:18px;line-height:1.78}