:root{--bg:#fff;--surface:#faf9f6;--text:#171717;--muted:#77736d;--gold:#b58a3b;--border:#e8e5df;--max:1440px;--gap:18px;--radius:12px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}
.site-header{max-width:var(--max);margin:auto;padding:42px 20px 30px;text-align:center}.brand{margin:0;font:400 clamp(2rem,6vw,4.25rem)/1.05 Georgia,"Times New Roman",serif;letter-spacing:.035em}.brand-line{width:72px;height:2px;margin:20px auto 16px;background:var(--gold)}.tagline{margin:0;color:var(--muted);font-size:.95rem;letter-spacing:.03em}
.catalog{width:min(calc(100% - 40px),var(--max));margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);align-items:stretch}.card{min-width:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#fff}.video-image{position:relative;aspect-ratio:16/9;overflow:hidden;background:#eee}.video-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.video-card:hover .video-image img{transform:scale(1.025)}
.play-button{position:absolute;top:50%;left:50%;width:58px;height:58px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.9);border-radius:50%;background:rgba(0,0,0,.48);color:#fff;display:grid;place-items:center;cursor:pointer;transition:transform .2s ease,background .2s ease}.play-button:hover{transform:translate(-50%,-50%) scale(1.07);background:rgba(0,0,0,.68)}.play-button:before{content:"";width:0;height:0;margin-left:4px;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:14px solid #fff}.video-info{padding:14px 15px 16px}.video-title{margin:0;font-size:.98rem;font-weight:600;line-height:1.35}.video-duration{margin-top:7px;color:var(--gold);font-size:.83rem}
.quote-card{min-height:100%;padding:34px 28px;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.quote-mark{margin-bottom:17px;color:var(--gold);font:3rem/.6 Georgia,serif}.quote-text{max-width:420px;margin:0;font:clamp(1.15rem,1.6vw,1.55rem)/1.5 Georgia,"Times New Roman",serif}.quote-author{margin-top:22px;color:var(--gold);font-size:.85rem}
.loading-indicator{display:flex;justify-content:center;align-items:center;min-height:90px;color:var(--muted);font-size:.85rem;opacity:0;transition:opacity .2s}.loading-indicator.visible{opacity:1}.loading-indicator:before{content:"";width:18px;height:18px;margin-right:10px;border:2px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-sentinel{height:1px}.catalog-message{width:min(calc(100% - 40px),var(--max));margin:30px auto 50px;text-align:center;color:var(--muted);font-size:.9rem}
.site-footer{margin-top:45px;padding:42px 20px 32px;border-top:1px solid var(--border);text-align:center}.footer-brand{margin:0 0 18px;color:var(--gold);font:italic 2rem Georgia,serif}.copyright{margin:0 0 18px;color:var(--muted);font-size:.78rem}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 22px}.footer-links a{color:var(--muted);font-size:.78rem;text-decoration:none}.footer-links a:hover{color:var(--text)}
@media(max-width:720px){:root{--gap:14px}.site-header{padding:30px 18px 24px}.brand{font-size:2.15rem;letter-spacing:.025em}.brand-line{margin:16px auto 12px}.catalog{width:calc(100% - 28px);grid-template-columns:1fr}.quote-card{min-height:270px;padding:34px 28px}.quote-text{font-size:1.2rem}.play-button{width:54px;height:54px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}