/*
Theme Name: Specwell Supply Splash
Theme URI: https://specwellsupply.com
Author: Specwell Supply
Description: Single-screen splash theme for Specwell Supply — centred logo lockup, tagline, and contact rail on graphite. Address, email, phone, tagline and logo are editable in Appearance > Customize > Splash Page.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: specwell-splash
Tags: one-column, custom-logo, full-width-template
*/

:root{
  --graphite:#374047;
  --white:#FFFFFF;
  --mist:#B9C3C8;
}

*{box-sizing:border-box;}
html,body{height:100%;}

body{
  margin:0;
  background:var(--graphite);
  color:var(--white);
  font-family:Inter,system-ui,-apple-system,sans-serif;
  -webkit-font-smoothing:antialiased;
}

.splash{
  min-height:100vh;
  min-height:100svh;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:64px;
  gap:48px;
}

.eyebrow{
  margin:0;
  font-family:Manrope,system-ui,sans-serif;
  font-weight:500;
  font-size:12px;
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:rgba(255,255,255,.72);
}

.mark{display:flex;flex-direction:column;align-items:center;gap:32px;}
.mark img{width:min(460px,72vw);height:auto;display:block;}

.tagline{
  margin:0;
  font-family:Manrope,system-ui,sans-serif;
  font-weight:700;
  font-size:22px;
  letter-spacing:-0.02em;
  color:var(--white);
}

.contact{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:32px;
  border-top:1px solid rgba(255,255,255,.18);
  padding-top:28px;
}

.contact > div{display:flex;flex-direction:column;gap:8px;}

.label{
  font-family:Manrope,system-ui,sans-serif;
  font-weight:500;
  font-size:12px;
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:var(--mist);
}

.value{font-size:15px;line-height:1.55;color:var(--white);}

a.value{text-decoration:none;transition:color 120ms cubic-bezier(.2,0,.2,1);}
a.value:hover{color:var(--mist);}
a.value:focus-visible{outline:2px solid var(--white);outline-offset:3px;}

.screen-reader-text{
  position:absolute;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;border:0;
}

@media (max-width:900px){
  .splash{padding:40px 28px;gap:40px;}
  .contact{grid-template-columns:1fr;gap:24px;}
  .tagline{font-size:19px;}
}