/*
Theme Name: Trauma Coming Soon
Theme URI: https://traumadidit.com
Author: traumadidit.com
Description: Coming-soon page for traumadidit.com: centered Trauma logo, site name and a Coming Soon stamp on a grunge black background.
Version: 1.0.0
Requires at least: 5.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: trauma-coming-soon
*/

/* Layout: one centered poster column — logo, site name, coming-soon stamp, drip at the bottom edge */
:root{
  --ink:#070707; --bone:#efe9df; --ash:#9b938c; --blood:#d3161e; --clot:#7c0a10;
  --display:"Metal Mania","Pirata One",Georgia,serif;
  --stamp:"Special Elite","Courier New",monospace;
  color-scheme:dark;
}
html,body{height:100%}
body{margin:0}
img{max-width:100%}
body{background:var(--ink);color:var(--bone);overflow-x:hidden}
body::after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.13;mix-blend-mode:screen;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1.4 -.55'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
main{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px;
  padding-block:40px 90px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));
  background:radial-gradient(ellipse at 50% 42%,rgba(124,10,16,.35),transparent 60%)}
.logo{width:min(560px,88vw);height:auto;filter:drop-shadow(0 0 34px rgba(211,22,30,.3));transform:rotate(-3deg)}
h1{margin:0;font:400 clamp(44px,9vw,104px)/.95 var(--display);letter-spacing:.02em;text-shadow:4px 4px 0 var(--clot);text-wrap:balance}
h1 span{color:var(--blood)}
.soon{display:inline-block;background:var(--blood);color:var(--ink);font:400 clamp(20px,3.4vw,30px)/1 var(--stamp);letter-spacing:.24em;text-transform:uppercase;
  padding:12px 18px 10px 22px;transform:rotate(-2deg);clip-path:polygon(2% 0,100% 8%,98% 100%,0 90%);animation:flick 6s infinite steps(1)}
@keyframes flick{0%,93%,100%{opacity:1}94%{opacity:.4}95%{opacity:1}97%{opacity:.65}}
@media (prefers-reduced-motion:reduce){.soon{animation:none}}
.drip{position:fixed;left:0;right:0;bottom:0;height:46px;background:var(--blood);transform:scaleY(-1);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 38' preserveAspectRatio='none'%3E%3Cpath d='M0 0h300v8c-8 0-9 22-14 22s-4-16-12-16-6 9-13 9-5-13-14-13-6 26-13 26-5-24-15-24-8 6-16 6-6-8-14-8-7 18-13 18-7-14-15-14-8 8-15 8-6-15-14-15-7 28-13 28-6-23-14-23-8 9-15 9-6-11-14-11-7 16-13 16-6-12-14-12-9 6-17 6-6-14-14-14-6 10-12 10-6-7-12-7V0z'/%3E%3C/svg%3E") repeat-x 0 0/300px 46px;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 38' preserveAspectRatio='none'%3E%3Cpath d='M0 0h300v8c-8 0-9 22-14 22s-4-16-12-16-6 9-13 9-5-13-14-13-6 26-13 26-5-24-15-24-8 6-16 6-6-8-14-8-7 18-13 18-7-14-15-14-8 8-15 8-6-15-14-15-7 28-13 28-6-23-14-23-8 9-15 9-6-11-14-11-7 16-13 16-6-12-14-12-9 6-17 6-6-14-14-14-6 10-12 10-6-7-12-7V0z'/%3E%3C/svg%3E") repeat-x 0 0/300px 46px}