/* Minimal styles for the BOGAN landing page */
html,body{
    height:100%;
    margin:0}
body{
    background:#ffffff;
    color:#00ccff;
    font-family:'Josefin Sans',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif
}
.center{
    /* ensure padding doesn't cause overflow: use viewport height and include padding in box sizing */
    min-height:100vh;
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:24px;
}

.brand{
    font-size:clamp(48px,12vw,96px);
    letter-spacing:6px;
    margin:0;
    font-weight:700;
    color:#00ccff;
    transition:font-size 180ms ease
}
.sub{
    font-size:clamp(20px,5vw,48px);
    margin:8px 0 0;
    color:#00ccff;
    font-weight:300;
    display:inline-block;
    white-space:nowrap;
    transform-origin:center center;
    will-change:transform;
    transition:font-size 180ms ease, transform 180ms ease
}
@media (max-width:600px){
  .brand{font-size:clamp(36px,14vw,48px)}
  .sub{font-size:clamp(16px,6vw,20px)}
}

/* Footer logo */
.bogan-footer{
    position:fixed;
    left:0;right:0;
    bottom:12px;
    display:flex;
    justify-content:center;
    align-items:center;
    pointer-events:auto;
    z-index:40;
}
.bogan-logo{
    /* reduced to half of previous min/max to make footer visually half-height */
    width:clamp(18px,3vw,32px);
    height:auto;
    display:block;
    opacity:0.95;
}