*{box-sizing:border-box}html,body{margin:0;padding:0;background:#f8f8f8;color:#333}:root{--header-h: 64px;--stage-bg: #f8f8f8;--card-bg: #ffffff;--ease-focus: cubic-bezier(.33,1,.68,1);--dur-slide: .28s}.header{position:fixed;top:0;left:0;right:0;height:var(--header-h);z-index:100;display:flex;align-items:center;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0 20px;border-bottom:1px solid rgba(0,0,0,.08)}.header-nav{display:flex;justify-content:space-between;align-items:center;width:100%}.header-logo{font-size:18px;font-weight:700;color:#000;text-decoration:none}.header-link{font-size:16px;font-weight:400;color:#555;text-decoration:none;transition:color .2s ease}.header-link:hover{color:#000}.header-link.is-active{color:#000;font-weight:700}.overlap-header{margin-top:calc(-1 * var(--header-h));height:calc(100vh + var(--header-h))}.loop-slider{position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);height:100vh;background:var(--stage-bg);overflow:hidden;isolation:isolate}.loop-viewport{position:relative;overflow:hidden;width:100%;height:100%;background:var(--stage-bg);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 4%,black 96%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 4%,black 96%,transparent 100%)}@media (hover:none),(max-width:600px){.loop-viewport{-webkit-mask-image:none;mask-image:none}}.loop-belt{display:flex;gap:clamp(20px,4vw,48px);align-items:center;height:100%;transform:translateZ(0);backface-visibility:hidden;will-change:transform}.loop-card{flex:0 0 clamp(280px,38vw,720px);aspect-ratio:16 / 9;border-radius:6px;overflow:hidden;background:var(--card-bg);border:none;box-shadow:none;transform:translateZ(0) scale(calc(.9 + .16 * var(--focus, 0)));filter:grayscale(calc(1 - var(--focus, 0))) brightness(calc(1.15 - .15 * var(--focus, 0)));transition:transform var(--dur-slide) var(--ease-focus),filter var(--dur-slide) var(--ease-focus);will-change:transform,filter;contain:content}.loop-card video{width:100%;height:100%;display:block;object-fit:cover;transition:transform 1.2s ease}.loop-card.is-active{transform:translateZ(0) scale(calc(1.05 + .08 * var(--focus, 0)));filter:none;box-shadow:0 30px 80px #00000026;z-index:2}.loop-card.is-active video{transform:scale(1.03)}.loop-belt,.loop-slider.is-dragging .loop-belt{cursor:default}.loop-card:not(.is-active){cursor:default}.loop-card.is-active:hover,.loop-card.is-active:hover video{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='70' height='70' viewBox='0 0 32 32'>  <circle cx='16' cy='16' r='15' fill='rgba(0,0,0,0.25)'/>  <polygon points='12,9 24,16 12,23' fill='%23000000'/></svg>") 16 16,pointer}.loop-hud,.loop-hud--inline{position:absolute;left:0;right:0;bottom:clamp(90px,14vh,160px);z-index:12;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(12px,4vw,40px);pointer-events:none}.loop-arrow{position:static;width:56px;height:56px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#00000026;color:#333;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.2);cursor:pointer;padding:0;opacity:.85;transition:opacity .25s ease,transform .15s ease,background-color .25s ease;pointer-events:auto}.loop-arrow--prev{justify-self:start}.loop-arrow--next{justify-self:end}.loop-arrow:hover:not(:disabled){opacity:1;background:#00000040;transform:scale(1.05)}.loop-arrow:active{transform:scale(.95)}.loop-arrow:disabled{opacity:.35;cursor:not-allowed}.loop-arrow--left,.loop-arrow--right{left:auto;right:auto;bottom:auto;position:static}.loop-caption{position:static;transform:none;margin:0;font-family:Austin Web,ui-serif,Georgia,Times New Roman,serif;font-weight:400;text-transform:uppercase;letter-spacing:.08em;font-size:clamp(44px,11vw,132px);line-height:.92;text-align:center;text-shadow:0 4px 20px rgba(0,0,0,.15);transition:opacity .5s ease,transform .5s ease,filter .5s ease;will-change:transform,opacity;pointer-events:none;color:#333}.loop-caption.changing{opacity:0;transform:translateY(16px);filter:blur(8px)}@media (max-width: 900px){.loop-arrow{width:48px;height:48px}.loop-hud,.loop-hud--inline{bottom:clamp(100px,18vh,170px);padding:0 clamp(8px,4vw,24px)}}.video-modal{position:fixed;inset:0;z-index:3000;background:#ffffffeb;display:grid;place-items:end center;opacity:0;pointer-events:none;transition:opacity .25s ease}.video-modal.is-open{opacity:1;pointer-events:auto}.video-modal__box{width:100%;height:100%;background:#fff;position:relative;overflow:hidden;transform:translateY(100%);transition:transform .36s cubic-bezier(.25,.8,.25,1)}.video-modal.is-open .video-modal__box{transform:translateY(0)}.video-modal__player{width:100%;height:100%;object-fit:cover;background:#000;position:relative;z-index:0}.video-modal__box:after{content:"";position:absolute;left:0;right:0;bottom:0;height:min(24vh,220px);background:radial-gradient(80% 120% at 50% 100%,#ffffffbf,#fff0 70%),linear-gradient(to top,#ffffffc7,#ffffff75 40%,#fff0);pointer-events:none;z-index:1}.video-hud{position:absolute;left:0;right:0;bottom:0;padding:14px 16px 18px;z-index:3;pointer-events:none;font-family:Austin Web,ui-serif,Georgia,Times New Roman,serif;--hud-w: min(92vw, 1200px)}.video-hud__caption,.video-hud__meta,.video-hud__track{width:var(--hud-w);margin-left:auto;margin-right:auto}.video-hud__caption{font-weight:400;text-transform:uppercase;letter-spacing:.08em;font-size:clamp(22px,3vw,36px);text-shadow:0 2px 10px rgba(0,0,0,.2);pointer-events:none;text-align:left;color:#333}.video-hud__meta{display:flex;align-items:center;justify-content:space-between;margin-top:6px;font-size:clamp(12px,1.6vw,14px);opacity:.95;text-shadow:0 1px 8px rgba(0,0,0,.2);pointer-events:none;color:#333}.video-hud__time{-webkit-user-select:none;user-select:none}.video-hud__track{position:relative;height:3px;margin:10px auto 8px;background:#0000001a;border-radius:2px;cursor:pointer;pointer-events:auto;transition:height .12s ease}.video-hud__track:hover{height:5px}.video-hud__bar{position:absolute;left:0;top:0;bottom:0;background:#333;border-radius:2px;width:0%}.video-hud__thumb{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:#333;transform:translate(-50%,-50%);box-shadow:0 2px 10px #00000026;pointer-events:none}@media (max-width: 700px){.video-hud{padding:12px 12px 14px}.video-hud__caption{font-size:clamp(18px,6vw,28px)}}.video-modal__close{position:absolute;top:16px;right:18px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(0,0,0,.2);background:#00000026;color:#333;font-size:26px;display:grid;place-items:center;cursor:pointer;z-index:3}.video-modal__close:hover{background:#00000040}.video-modal__close:active{transform:scale(.96)}@media (max-width: 900px){.loop-card{flex-basis:84vw}}@media (prefers-reduced-motion: reduce){.loop-card,.loop-caption,.loop-arrow,.video-modal,.video-modal__box{transition:none!important}.loop-viewport{-webkit-mask-image:none;mask-image:none}.loop-card video{transition:none}}