:root{--video-h:140px;--brand-h:64px;--nav-h:56px;--header-height:calc(var(--video-h) + var(--brand-h) + var(--nav-h));--content-max:1100px;--content-box-bg:rgba(255,255,255,.6);--content-box-blur:8px;--fade-strength:.85}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#111}img,video{max-width:100%;display:block}.site-header{position:fixed;inset:0 0 auto 0;z-index:1000;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.15)}.video-rotator{position:relative;height:var(--video-h);overflow:hidden;background:#000}.video-rotator video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease}.video-rotator video.active{opacity:1}.brand-bar{width:100%;padding:6px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#333;color:#fff}.brand-text h1{margin:0;font-size:clamp(1.3rem,3vw,1.9rem);line-height:1.15}.brand-text p{margin:3px 0 0;font-size:clamp(.9rem,2vw,1.1rem);line-height:1.15}.section{position:relative;width:100%;height:100%;overflow:clip;border-radius:25px;margin-bottom:18px;border:0 solid #000;min-height:80vh;scroll-margin-top:var(--header-height)}.main-footer{background-color:#333;color:#fff;padding:20px;text-align:center;width:100%;height:auto;overflow:visible;display:block;box-sizing:border-box}.legal{width:100vw;margin-left:50%;transform:translateX(-50%);background:#000;color:#fff;padding:25px 20px;text-align:center}.legal>*{max-width:800px;margin-left:auto;margin-right:auto}.legal summary{color:#fff;font-weight:600;cursor:pointer}.legal p{color:#ddd;margin-left:20px}.useful-links{margin-bottom:15px;background-color:#333;padding:10px 15px;width:100%;box-sizing:border-box}.useful-links a{color:#fff;text-decoration:none}.useful-links a:hover{color:#0ff;text-decoration:underline}summary{color:#fff;font-weight:bold;padding:5px;transition:background-color .3s,color .3s;cursor:pointer}summary:hover{background-color:#555;color:#0ff;cursor:pointer}details{margin-top:1em}.nav-bar{height:var(--nav-h);border-bottom:0 solid #eee;background:#444;position:relative}.nav-inner{max-width:var(--content-max);margin:0 auto;height:100%;display:flex;align-items:center;padding:0 16px;gap:12px}.menu-toggle{display:none;margin-left:auto;background:transparent;border:1px solid #ddd;padding:8px 10px;border-radius:6px;cursor:pointer;font-size:.95rem}.menu{list-style:none;margin:0;padding:0;display:flex;gap:16px}.menu a{display:block;padding:10px 8px;text-decoration:none;color:#fff;border-radius:6px}.menu a:hover,.menu a:focus{background:#555;outline:none;color:#0ff}main{margin-top:var(--header-height)}.bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .8s ease}.bg.show{opacity:1}.bg::after{content:"";position:absolute;inset:0;background:radial-gradient(1200px 700px at 50% 10%,rgba(0,0,0,.06),rgba(0,0,0,.25));pointer-events:none}.content-wrap{display:flex;justify-content:flex-start;max-width:100%;padding-left:2vw;padding-top:60px}.content-box{position:relative;max-width:min(680px,90vw);background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.25);border-radius:16px;padding:26px 22px;margin-top:30px;color:#fff;box-shadow:0 10px 25px rgba(0,0,0,.35)}.content-box::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:16px;background:linear-gradient(to bottom right,rgba(255,255,255,.08) 0,rgba(255,255,255,.02) 40%,rgba(255,255,255,0) 100%);opacity:.6}.content-box h2{margin:0 0 8px;font-size:clamp(1.25rem,2.6vw,2rem);color:#fff}.content-box p{margin:0 0 10px;color:#fff}.gallery{max-width:var(--content-max);margin:24px auto;padding:0 16px 48px}.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.tile{position:relative;overflow:hidden;border-radius:12px;border:1px solid #e6e8eb;background:#000;aspect-ratio:16/9;transform:translateZ(0);transition:transform .22s ease,box-shadow .22s ease;will-change:transform}.tile img,.tile video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .22s ease}.tile:hover{transform:scale(1.03);box-shadow:0 14px 40px rgba(0,0,0,.25);z-index:2}.tile:hover img,.tile:hover video{transform:scale(1.05)}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.8);display:none;align-items:center;justify-content:center;z-index:2000;padding:24px}.lightbox.show{display:flex}.lightbox-content{position:relative;max-width:min(1200px,95vw);max-height:90vh}.lightbox-content img,.lightbox-content video{width:100%;height:100%;object-fit:contain;background:#000;border-radius:12px}.lightbox-close{position:absolute;top:-12px;right:-12px;width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;font-size:28px;line-height:1;background:#fff;color:#111;box-shadow:0 6px 20px rgba(0,0,0,.35)}@media (max-width:900px){:root{--video-h:90px;--brand-h:56px;--nav-h:52px;--header-height:calc(var(--video-h) + var(--brand-h) + var(--nav-h))}.menu-toggle{display:inline-block}.menu{display:none;position:absolute;top:100%;left:0;right:0;background:#444;border-bottom:1px solid #eee;flex-direction:column;padding:8px;gap:4px}.nav-bar.open .menu{display:flex}.content-wrap{padding:32px 16px}.content-box{max-width:min(720px,100%)}}@media (max-width:700px){.main-footer{padding-bottom:40px}.footer-copy{font-size:.9rem}.useful-links{text-align:center;background-color:#333;padding:15px 10px}.useful-links a{display:block;padding:6px 0}.legal{padding:15px}.legal p{margin-left:10px}}@media (prefers-reduced-motion:reduce){.video-rotator video{transition:none}.bg{transition:none}.tile,.tile img,.tile video{transition:none}}
