*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#1542b1;--color-white:#fff;--color-text-shadow:#0000008c;--color-placeholder:#ffffff1a;--color-placeholder-border:#ffffff38;--color-accent:#7ab800;--font-family:Arial, Helvetica, sans-serif;--header-height:118px;--nav-size:64px;--grid-gap-x:32px;--grid-gap-y:22px;--grid-padding-x:52px;--transition-speed:.16s;--photo-ratio:3 / 4;--detail-photo-width:200px;--lock-edge:10px}html,body{width:100%;height:100%;font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-white);-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;overscroll-behavior:none;overflow:hidden}html.lock-active,html.lock-active body{overscroll-behavior:none;touch-action:none;width:100%;height:100%;position:fixed;inset:0;overflow:hidden}html.lock-active button,html.lock-active .artist-card,html.lock-active .nav-arrow,html.lock-active .btn-watch,html.lock-active .video-modal__close,html.lock-active .video-modal__player,html.lock-active .video-modal__backdrop{touch-action:manipulation}.lock-shields{z-index:50;pointer-events:none;position:fixed;inset:0}.lock-shields--active{pointer-events:none}.lock-shields--active .lock-shield{pointer-events:auto}.lock-shield{touch-action:none;-webkit-user-select:none;user-select:none;opacity:0;background:0 0;position:absolute}.lock-shield--top{height:max(var(--lock-edge), env(safe-area-inset-top,0px));top:0;left:0;right:0}.lock-shield--bottom{height:max(var(--lock-edge), env(safe-area-inset-bottom,0px));bottom:0;left:0;right:0}.lock-shield--left{top:var(--lock-edge);bottom:var(--lock-edge);width:max(var(--lock-edge), env(safe-area-inset-left,0px));left:0}.lock-shield--right{top:var(--lock-edge);bottom:var(--lock-edge);width:max(var(--lock-edge), env(safe-area-inset-right,0px));right:0}img{pointer-events:none;-webkit-user-drag:none;max-width:100%;display:block}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;font-family:inherit}.view{opacity:0;visibility:hidden;transition:opacity var(--transition-speed) ease, visibility var(--transition-speed) ease;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.view--active{opacity:1;visibility:visible}.header{z-index:200;grid-template-columns:var(--nav-size) 1fr var(--nav-size);min-height:var(--header-height);padding:18px var(--grid-padding-x) 10px;flex-shrink:0;align-items:center;column-gap:16px;display:grid;position:relative}.header__nav-slot{width:var(--nav-size);height:var(--nav-size);flex-shrink:0;justify-content:center;align-items:center;display:flex}.header__logo-wrap{justify-content:center;align-items:center;display:flex}.header__logo{object-fit:contain;width:auto;max-height:88px}.header__logo-fallback{text-align:center;text-shadow:1px 2px 4px var(--color-text-shadow);letter-spacing:.02em;font-size:1.35rem;font-weight:700}.header__spacer{width:var(--nav-size)}.nav-arrow{width:var(--nav-size);height:var(--nav-size);background:#bebebe6b;border:2px solid #0000008c;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,transform .15s;display:flex;box-shadow:inset 0 1px #ffffff40}.nav-arrow:active{background:#d2d2d28c;transform:scale(.94)}.nav-arrow__icon{fill:none;stroke:#fffffff2;stroke-width:2.8px;stroke-linecap:round;stroke-linejoin:round;width:30px;height:30px}.nav-arrow[hidden]{display:none}.gallery-view--area-3 .nav-arrow--prev .nav-arrow__icon{stroke:#000000d9}.gallery-grid{column-gap:var(--grid-gap-x);row-gap:var(--grid-gap-y);padding:4px var(--grid-padding-x) 28px;min-height:0;transition:opacity var(--transition-speed) ease;flex:1;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,1fr);align-content:stretch;justify-items:center;display:grid}.gallery-grid--fading{opacity:0}.gallery-view--area-3 .gallery-grid{align-content:start;justify-items:start;padding-top:8px}.gallery-view--area-3 .artist-card{align-items:flex-start}.gallery-view--area-3 .artist-card__name{text-align:left;align-self:stretch}.artist-card{cursor:pointer;grid-template-rows:minmax(0,1fr) auto;align-items:end;gap:10px;width:100%;max-width:268px;height:100%;min-height:0;transition:transform .15s;display:grid}.artist-card:active{transform:scale(.98)}.artist-card--empty{visibility:hidden;pointer-events:none}.artist-card__photo-wrap{background:var(--color-placeholder);width:100%;min-height:0;position:relative;overflow:hidden}.artist-card__photo{object-fit:cover;object-position:top center;width:100%;height:100%}.artist-card__photo-wrap .photo-placeholder{position:absolute;inset:0}.artist-card__name{text-align:center;text-shadow:2px 2px 4px var(--color-text-shadow);-webkit-line-clamp:2;line-clamp:2;white-space:normal;-webkit-box-orient:vertical;flex-shrink:0;width:100%;min-height:2.4em;font-size:clamp(.95rem,2vw,1.35rem);font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.photo-placeholder{background:var(--color-placeholder);border:2px dashed var(--color-placeholder-border);display:block}.photo-placeholder[hidden],[hidden]{display:none!important}.detail-content{grid-template-columns:var(--detail-photo-width) minmax(0, 1fr);padding:6px var(--grid-padding-x) max(32px, env(safe-area-inset-bottom,0px) + 20px);flex:auto;align-items:stretch;gap:28px;min-height:0;display:grid;overflow:hidden}.detail-photo-wrap{width:var(--detail-photo-width);max-width:var(--detail-photo-width);aspect-ratio:var(--photo-ratio);flex-shrink:0;align-self:start;max-height:min(50%,420px);position:relative;overflow:hidden}.detail-photo{object-fit:cover;object-position:top center;width:100%;height:100%}.detail-photo-wrap .photo-placeholder{position:absolute;inset:0}.detail-info{flex-direction:column;gap:12px;min-width:0;height:100%;min-height:0;max-height:100%;padding-right:4px;display:flex;overflow:hidden}.detail-name{text-shadow:2px 3px 6px var(--color-text-shadow);flex:none;font-size:clamp(1.5rem,3.2vw,2.1rem);font-weight:700;line-height:1.15}.detail-bio{opacity:.92;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;white-space:pre-line;scrollbar-width:thin;flex:1;min-height:0;padding-right:6px;font-size:clamp(1.78rem,2.98vw,2.04rem);line-height:1.45;overflow:hidden auto}.btn-watch{letter-spacing:.06em;color:var(--color-bg);background:var(--color-accent);z-index:5;border-radius:6px;flex:none;order:0;justify-content:center;align-self:flex-start;align-items:center;min-width:220px;min-height:52px;margin:2px 0 6px;padding:14px 32px;font-size:1rem;font-weight:700;transition:background .15s,transform .15s;display:inline-flex;position:relative;box-shadow:0 4px 12px #00000040}html.lock-active .detail-content{padding-bottom:max(24px, env(safe-area-inset-bottom,0px) + 12px)}.btn-watch:active{background:#8fcc00;transform:scale(.97)}.video-modal{z-index:200;justify-content:center;align-items:flex-start;padding-top:10vh;display:flex;position:fixed;inset:0}.video-modal__dialog{z-index:1;width:min(92vw,960px);position:relative;transform:translateY(-24px)}.video-modal[hidden]{display:none}.video-modal__backdrop{background:#000000d1;position:absolute;inset:0}.video-modal__player::-webkit-media-controls-fullscreen-button{display:none!important}.video-modal__close{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .15s;display:flex;position:absolute;top:-48px;right:0}.video-modal__close:active{background:#ffffff59}.video-modal__close svg{width:28px;height:28px;fill:var(--color-white)}.video-modal__player-wrap{aspect-ratio:16/9;background:#000;border-radius:6px;position:relative;overflow:hidden}.video-modal__player{background:#000;width:100%;height:100%;display:block}.video-modal__player[hidden]{display:none}.video-modal__placeholder{color:#ffffffa6;text-align:center;justify-content:center;align-items:center;padding:24px;font-size:1.05rem;display:flex;position:absolute;inset:0}.video-modal__placeholder[hidden]{display:none}@media (width<=900px){:root{--nav-size:56px;--grid-gap-x:20px;--grid-gap-y:16px;--grid-padding-x:28px;--header-height:100px}.header__logo{max-height:72px}.detail-content{padding:8px 24px max(28px, env(safe-area-inset-bottom,0px) + 16px);-webkit-overflow-scrolling:touch;grid-template-columns:1fr;gap:16px;overflow:hidden auto}.detail-photo-wrap{width:calc(var(--detail-photo-width) * .85);max-width:calc(var(--detail-photo-width) * .85);max-height:none;margin:0}.detail-info{height:auto;max-height:none;overflow:visible}.detail-bio{flex:0 auto;max-height:min(48vh,420px);overflow-y:auto}.btn-watch{position:relative;bottom:auto}}@media (height<=800px){:root{--header-height:92px;--grid-gap-y:12px;--grid-gap-x:22px}.header__logo{max-height:64px}.artist-card{max-width:210px}}@media (width>=1400px){.artist-card{max-width:300px}}