*{margin:0;padding:0;box-sizing:border-box}:root{--bg-surface: #0a0a0a;--bg-card: #141414;--text-main: #ffffff;--text-muted: #888888;--accent-orange: #ea5b0c;--track-grey: #333333;--border-grid: #1f1f1f;--sans: "system-ui", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto}body{background-color:var(--bg-surface);background-image:radial-gradient(circle at 1px 1px,var(--border-grid) 1px,transparent 0);background-size:50px 50px;background-position:0 0;color:var(--text-main);font-family:var(--sans);padding:40px;min-height:100vh;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(var(--border-grid) 1px,transparent 1px),linear-gradient(90deg,var(--border-grid) 1px,transparent 1px);background-size:200px 200px;background-position:0 0;opacity:.1;pointer-events:none;z-index:0}.header{margin:0 auto 64px;max-width:1400px;display:flex;justify-content:space-between;align-items:flex-end}.header-title-block{display:flex;flex-direction:column;gap:8px;flex-grow:1;max-width:600px}h1{font-weight:700;font-size:48px;letter-spacing:-.02em;line-height:1;color:var(--text-main)}.header-underline{width:10%;max-width:10%;height:3px;background:var(--accent-orange)}.header-meta{font-size:14px;color:var(--text-main);font-weight:500;letter-spacing:.05em;text-transform:uppercase;margin-bottom:12px;margin-left:24px}.gallery-grid{display:grid;gap:32px;margin:0 auto;max-width:1400px;grid-template-columns:1fr}@media(min-width:596px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:924px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1300px){.gallery-grid{grid-template-columns:repeat(4,1fr)}}.art-card{background:var(--bg-card);border-radius:6px;padding:0;position:relative;transition:transform .2s ease,border-color .2s ease;display:flex;flex-direction:column;border:1px solid #222;overflow:hidden}.card-visual{aspect-ratio:16/10;background:#2a2a2a;width:100%;position:relative;cursor:pointer;border-bottom:1px solid #222;overflow:hidden}.card-visual img{width:100%;height:100%;object-fit:cover;opacity:.8;transition:opacity .3s ease;display:block;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.card-content-wrapper{padding:20px;display:flex;flex-direction:column;gap:16px;flex-grow:1}.card-info{display:flex;flex-direction:column;gap:4px}.art-title{font-size:20px;font-weight:500;color:var(--text-main);margin-bottom:2px}.art-artist{font-size:14px;font-weight:400;color:#fff;opacity:.9;display:inline-block;text-decoration:none;width:fit-content;position:relative;z-index:10;transition:opacity .2s ease}a.art-artist:hover{text-decoration:underline;text-decoration-color:var(--accent-orange);text-underline-offset:1px;text-decoration-thickness:1.5px;opacity:1}.timeline-container{margin-top:auto;padding-top:8px;padding-bottom:4px}.timeline-track{width:100%;height:4px;background:var(--track-grey);position:relative;border-radius:2px}.timeline-marker{position:absolute;top:50%;width:10px;height:14px;background:var(--accent-orange);border-radius:2px;transform:translate(-50%,-50%);transition:left .5s ease-out;cursor:default}.timeline-marker:after{content:attr(data-year);position:absolute;bottom:20px;left:50%;transform:translate(-50%) translateY(5px);background:var(--accent-orange);color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;opacity:0;transition:all .2s ease;pointer-events:none;white-space:nowrap}.timeline-marker.show-bottom:after{bottom:auto;top:20px}.timeline-container:hover .timeline-marker:after{opacity:1;transform:translate(-50%) translateY(0)}.timeline-labels{display:flex;justify-content:space-between;font-size:10px;font-weight:500;color:var(--text-main);opacity:.6;margin-top:4px}@media(max-width:768px){body{padding:32px}h1{font-size:36px}.header{align-items:flex-start;gap:24px}.header-meta{margin-left:0}.header-title-block{max-width:100%;width:100%}}@media(max-width:596px){.header{flex-direction:column;align-items:flex-start;gap:24px;margin-bottom:40px}}body.viewer-page{padding:0;min-height:100vh;width:100vw;height:100vh;overflow:hidden;background:#000}body.viewer-page:before{display:none}#viewer-container{position:relative;width:100%;height:100%;background:radial-gradient(circle at 50% 35%,#1a1a1a,#000 70%);touch-action:manipulation}#viewer-container canvas{width:100%;height:100%;touch-action:manipulation}.viewer-hud{position:absolute;inset:0;z-index:50;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:32px;box-sizing:border-box}.viewer-hud:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,#0000 40%,#0000008c);pointer-events:none}.viewer-hud-corners{position:absolute;inset:0;pointer-events:none}.corner-bracket{position:absolute;width:44px;height:44px;border-color:#ffffff38;border-style:solid}.corner-bracket.top-left{top:14px;left:14px;border-width:1px 0 0 1px}.corner-bracket.top-right{top:14px;right:14px;border-width:1px 1px 0 0}.corner-bracket.bottom-left{bottom:14px;left:14px;border-width:0 0 1px 1px}.corner-bracket.bottom-right{bottom:14px;right:14px;border-width:0 1px 1px 0}.hud-header,.hud-footer{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.hud-header{pointer-events:auto}.hud-back-btn{pointer-events:auto;background:transparent;border:none;color:var(--text-main);font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:10px;opacity:.75;transition:opacity .2s ease;padding:0;touch-action:manipulation;outline:none}.hud-back-btn:focus{outline:none}@media(hover:hover){.hud-back-btn:hover{opacity:1}}.hud-back-arrow{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.18);border-radius:999px;line-height:1;transition:border-color .2s ease,background .2s ease,color .2s ease}@media(max-width:768px){.hud-back-label{display:none}.hud-back-arrow{width:40px;height:40px}.hud-back-btn{gap:0}}@media(hover:hover){.hud-back-btn:hover .hud-back-arrow{border-color:#ffffff38;background:transparent;color:var(--text-main)}}.hud-back-label{position:relative}.hud-back-label:after{content:"";position:absolute;left:0;bottom:-6px;width:0%;height:2px;background:var(--accent-orange);transition:width .22s ease}@media(hover:hover){.hud-back-btn:hover .hud-back-label:after{width:100%}}.hud-meta{text-align:right;pointer-events:none}.hud-meta-title{font-size:22px;font-weight:700;letter-spacing:-.01em;line-height:1.05}.hud-meta-subtitle{margin-top:6px;font-size:12px;font-weight:600;color:var(--accent-orange);letter-spacing:.06em;text-transform:uppercase;opacity:.95}.hud-footer{align-items:flex-end;pointer-events:none}.hud-controls{pointer-events:auto;position:absolute;right:18px;bottom:8px;display:flex;gap:8px}.hud-controls .icon-btn{border-color:#ffffff29;background:#0a0a0a8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud-gyro-btn.active{background:var(--accent-orange);border-color:var(--accent-orange)}.hud-gyro-btn.hidden{display:none}.icon-btn{width:40px;height:40px;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--text-main);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease,color .2s ease;touch-action:manipulation;outline:none}.icon-btn:focus{outline:none}.icon-btn svg{width:18px;height:18px;fill:currentColor}@media(hover:hover){.icon-btn:hover{background:#ffffff14;border-color:#ffffff29}}.hud-hint{position:absolute;left:18px;bottom:16px;pointer-events:none;font-size:12px;color:#ffffffb8}.hud-hint-key{display:inline-block;padding:2px 6px;margin:0 2px;border:1px solid rgba(255,255,255,.16);border-radius:6px;background:#ffffff0a;font-size:11px;font-weight:600;letter-spacing:.03em}.hud-hint-desktop{display:inline}.hud-hint-mobile{display:none}.hud-action-btn{margin-top:14px;width:100%;padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:#ffffffeb;cursor:pointer;font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:12px;touch-action:manipulation;outline:none}.hud-action-btn:focus{outline:none}@media(hover:hover){.hud-action-btn:hover{border-color:#ffffff38;background:#ffffff14}}.loading-overlay{position:absolute;inset:0;z-index:70;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;background:#0000008c;border-top:1px solid rgba(255,255,255,.1);pointer-events:auto}.loading-overlay.hidden{display:none}.loading-spinner{width:44px;height:44px;border:2px solid rgba(255,255,255,.24);border-left-color:var(--accent-orange);border-bottom-color:#ffffff1f;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay p{margin:0;color:#ffffffc7;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:600}.error{background:#0a0a0ad9;border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:18px;max-width:640px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error p:first-child{font-weight:700;letter-spacing:-.01em}.error p{margin:0}@media(max-width:768px){.hud-meta-title{font-size:18px}}@media(max-width:596px){.hud-hint{right:0;bottom:0;padding-bottom:56px;display:none}.hud-controls{right:0;bottom:0;padding-bottom:66px}.hud-hint-mobile{display:inline;letter-spacing:0;text-transform:none;font-weight:500;opacity:0}}