*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%;overflow:hidden}
@font-face{font-family:"GoogleSep";src:url("../../_common/fonts/google_september_2015_regular.woff2") format("woff2"),url("../../_common/fonts/google_september_2015_regular.woff") format("woff");font-weight:400;font-display:swap}
body{font-family:"GoogleSep",Georgia,serif}
#wrap{position:fixed;inset:0}
svg#scene{width:100%;height:100%;display:block}
#quoteText text{fill:#f2f2f2;font-family:"GoogleSep",sans-serif;font-weight:800;dominant-baseline:middle;text-anchor:middle;filter:url(#txtShadow)}
#bottombar{position:fixed;left:0;right:0;bottom:0;z-index:6; display:flex;align-items:flex-end;justify-content:flex-end; height:44px;padding:0 8px 8px;pointer-events:none}
#info-btn{pointer-events:auto;width:26px;height:26px; border:2px solid #fff;color:#fff;background:#373c3a; display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%; font-family:Georgia,serif;font-size:15px;line-height:1; transition:border-color .2s,background .2s,color .2s}
#info-btn:hover{background:#5a8f6e}
#info-modal{display:none;position:fixed;inset:0;z-index:70; background:rgba(0,0,0,0.72);align-items:center;justify-content:center}
#info-box{position:relative;max-width:min(92vw,540px);width:100%; border:6px solid #141a07;background:#000;color:#fff;padding:40px;border-radius:12px}
#info-close{position:absolute;top:14px;right:16px;width:26px;height:26px;cursor:pointer; opacity:1;transition:opacity .15s}
#info-close:hover{opacity:1}
#info-close::before,#info-close::after{content:'';position:absolute;top:50%;left:50%; width:16px;height:2px;background:#eee;transition:0.2s all;}
#info-close:hover::before,#info-close:hover::after{width:24px;height:4px;background:#eee}
#info-close::before{transform:translate(-50%,-50%) rotate(45deg)}
#info-close::after{transform:translate(-50%,-50%) rotate(-45deg)}
#info-box h2{font-family:"GoogleSep",sans-serif;text-transform:uppercase; font-size:24px;font-weight:normal;letter-spacing:.04em;margin-bottom:20px}
#info-box p{font-size:14px;line-height:1.6;color:rgba(255,255,255,0.82);margin-top:14px}
#info-box a{color:#7fb2e0;text-decoration:none}
#info-box a:hover{text-decoration:underline}

#info-box{overflow:hidden}
#backvid{position:absolute;inset:0;z-index:0;opacity:0.66;pointer-events:none}
#backvid video{width:100%;height:100%;object-fit:cover}
#info-title,#info-lines {position:relative}
#info-close{z-index:1}