#boot-screen{

    display:flex;

    justify-content:center;

    align-items:flex-start;

    width:100%;

    max-width:none;

    min-height:100vh;
    padding:clamp(28px,6vw,60px);
    background:#000;
    color:#00ff66;
    font-family:Consolas,"Courier New",monospace;
    box-sizing:border-box;

}


#terminal{

    width:90%;

    max-width:900px;

    min-height:0;

    display:block;

    padding:0;

    margin:0 auto;

    font-size:22px;

    line-height:1.6;

}


#progress-line{

    font-family:
        Consolas,
        "Courier New",
        monospace;

}


#bar{

    letter-spacing:2px;

}

/* Keep the boot output anchored at the top while new lines accumulate below. */
.site-front-page #hero {
	justify-content:flex-start;
	align-items:stretch;
}

.site-front-page .terminal-box {
	max-width:none;
}

/* After the sequence ends, replace every line with the site mark only. */
#boot-screen.is-complete {
	align-items:center;
}

#boot-screen.is-complete #terminal {
	text-align:center;
}

.aiwebmag-boot-logo {
	color:#00ff66;
	font-size:clamp(4rem,18vw,10rem);
	font-weight:700;
	letter-spacing:-0.08em;
	line-height:1;
}

.aiwebmag-boot-logo-image {
	display:block;
	width:min(70vw, 32rem);
	height:auto;
	margin-inline:auto;
	max-height:70vh;
	object-fit:contain;
}

.aiwebmag-boot-catchphrase {
	margin:1.6rem 0 0;
	color:#fff;
	font-size:clamp(1.25rem,4vw,2rem);
	font-weight:600;
	line-height:1.3;
}

.aiwebmag-show-prompt {
	position:fixed;
	top:clamp(1rem,4vw,2rem);
	left:clamp(1rem,4vw,2rem);
	z-index:10;
	margin:0;
	padding:.6rem 1rem;
	border:1px solid currentColor;
	border-radius:.375rem;
	background:transparent;
	color:#fff;
	font:inherit;
	font-size:.875rem;
	cursor:pointer;
}

.aiwebmag-show-prompt:hover,
.aiwebmag-show-prompt:focus-visible {
	background:rgba(255, 255, 255, .14);
}

#boot-screen.is-complete .aiwebmag-boot-logo,
#boot-screen.is-complete .aiwebmag-boot-logo-image,
#boot-screen.is-complete .aiwebmag-show-prompt {
	transition:opacity 3s ease-out, transform 3s ease-out;
}

#boot-screen.is-complete .aiwebmag-boot-catchphrase {
	transition:opacity 3s 1s ease-out, transform 3s 1s ease-out;
}

#boot-screen.is-complete.is-reveal-pending .aiwebmag-boot-logo,
#boot-screen.is-complete.is-reveal-pending .aiwebmag-boot-logo-image,
#boot-screen.is-complete.is-reveal-pending .aiwebmag-boot-catchphrase,
#boot-screen.is-complete.is-reveal-pending .aiwebmag-show-prompt {
	opacity:0;
	transform:translateY(.5rem);
}

#boot-screen.is-complete.is-reveal-pending.is-revealed .aiwebmag-boot-logo,
#boot-screen.is-complete.is-reveal-pending.is-revealed .aiwebmag-boot-logo-image,
#boot-screen.is-complete.is-reveal-pending.is-revealed .aiwebmag-boot-catchphrase,
#boot-screen.is-complete.is-reveal-pending.is-revealed .aiwebmag-show-prompt {
	opacity:1;
	transform:translateY(0);
}

@media (prefers-reduced-motion: reduce) {
	#boot-screen.is-complete .aiwebmag-boot-logo,
	#boot-screen.is-complete .aiwebmag-boot-logo-image,
	#boot-screen.is-complete .aiwebmag-boot-catchphrase,
	#boot-screen.is-complete .aiwebmag-show-prompt {
		transition:none;
		opacity:1;
		transform:none;
	}
}