/*
Theme Name: SOJA Coming Soon – Original Logo 8.0
Author: SOJA Engineering
Description: Tumma Coming Soon -sivu, jossa SOJA-logo ilman suurta teollisuusbanneria.
Version: 8.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: soja-coming-soon
*/
:root{color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:#0b1d2a;color:#f5f7fa;font-family:Arial,Helvetica,sans-serif}.site{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;padding:clamp(32px,6vh,65px) 20px 28px}.brand{width:100%;display:flex;justify-content:center}.logo{width:min(100%,420px);height:auto;display:block;object-fit:contain}.content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:clamp(48px,8vh,96px) 12px;gap:20px}.accent{width:65px;height:2px;background:#f18431;margin-bottom:8px}.eyebrow{color:#f18431;letter-spacing:.23em;font-weight:700;font-size:clamp(11px,1.2vw,14px)}h1{margin:0;font-size:clamp(34px,5vw,60px);font-weight:800;letter-spacing:.035em;line-height:1.13}p{margin:0;color:#c5d0d8;font-size:clamp(15px,1.8vw,19px);line-height:1.6}.tagline{font-size:clamp(11px,1.2vw,14px);letter-spacing:.08em;color:#93a7b5;margin-top:6px}.footer{font-size:12px;color:#6e8594;letter-spacing:.09em;text-align:center}@media(max-width:650px){.site{padding:32px 14px 22px}.logo{width:min(100%,310px)}.content{padding:54px 4px;gap:18px}h1{font-size:clamp(30px,9vw,42px)}.tagline{line-height:1.9}}

/* Logo is transparent so the page background shows through. */
.site{padding-top:clamp(70px,11vh,125px)}
@media(max-width:650px){.site{padding-top:clamp(65px,10vh,95px)}}

/* Refined responsive logo presentation */
.logo{width:min(100%,460px);image-rendering:auto}
.brand{padding-top:12px}
@media(max-width:650px){.logo{width:min(100%,330px)}.brand{padding-top:4px}}

/* Use the supplied original 2048px transparent PNG unchanged. */
.logo{width:min(100%,560px);height:auto;object-fit:contain}.brand{padding-top:0}.site{padding-top:clamp(75px,12vh,130px)}@media(max-width:650px){.logo{width:min(100%,390px)}.site{padding-top:clamp(55px,9vh,90px)}}