/*
Theme Name: Angel Sign House
Theme URI: https://angelsignhouse.com/
Author: Angel Sign House
Description: A bold, responsive WordPress theme for Angel Sign House printing, banners, posters, signs, stickers, and displays.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: angel-sign-house
*/

:root{--ink:#171717;--paper:#f5f1e8;--coral:#ff5a49;--blue:#2f63ec;--lime:#b9e64d;--yellow:#ffd83d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}
.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid rgba(23,23,23,.2)}
.logo{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:900;letter-spacing:-.05em;white-space:nowrap}.logo-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--coral);color:#fff;font-size:20px;transform:rotate(-8deg)}.logo-dot{color:var(--coral)}
.site-nav{display:flex;gap:34px;font-size:13px;font-weight:700}.site-nav a:hover,.text-link:hover{color:var(--coral)}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;min-width:220px;padding:17px 20px;background:var(--coral);color:#fff;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;transition:transform .2s,box-shadow .2s}.button:hover{transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--ink);color:#fff}.button-small{min-width:150px;padding:13px 16px}
.hero{min-height:720px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;padding:55px 5vw 70px;overflow:hidden}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 25px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.17em}.eyebrow>span{width:22px;height:4px;background:var(--coral)}
h1,h2{margin:0;font-weight:950;letter-spacing:-.075em;line-height:.79;text-transform:uppercase}h1{font-size:clamp(72px,9vw,150px)}h1 em,h2 em{color:var(--coral);font-style:italic;font-weight:950}.hero-text{max-width:500px;margin:35px 0 30px;font-size:18px;line-height:1.5}.hero-actions{display:flex;align-items:center;gap:32px}.text-link{font-size:13px;font-weight:800;text-transform:uppercase;border-bottom:1px solid;padding-bottom:6px}
.hero-art{position:relative;min-height:560px}.print{position:absolute;display:flex;flex-direction:column;box-shadow:14px 16px 0 rgba(23,23,23,.14)}.print-pink{z-index:3;top:35px;left:17%;width:44%;height:370px;padding:30px;background:var(--coral);color:#fff;transform:rotate(-6deg)}.print-pink strong{margin-top:auto;font-size:clamp(44px,5.4vw,80px);line-height:.78;letter-spacing:-.08em}.print-kicker{font-size:12px;font-weight:bold;text-transform:uppercase;letter-spacing:.12em}.print-arrow{align-self:flex-end;font-size:32px}.print-blue{z-index:2;top:110px;right:0;width:45%;height:340px;padding:28px;background:var(--blue);color:#fff;transform:rotate(7deg)}.print-blue span{font-size:11px;letter-spacing:.18em}.print-blue strong{margin-top:auto;font-size:clamp(42px,5vw,73px);line-height:.83;letter-spacing:-.07em}.print-yellow{z-index:4;bottom:15px;left:31%;width:47%;padding:24px;background:var(--yellow);transform:rotate(2deg)}.print-yellow strong{font-size:38px;letter-spacing:-.06em}.print-yellow span{margin-top:8px;font-size:12px}.roundel{position:absolute;z-index:5;right:5%;bottom:35px;width:122px;height:122px;display:grid;place-items:center;border-radius:50%;background:var(--lime);border:3px solid var(--ink);text-align:center;font-weight:950;line-height:.95;transform:rotate(10deg)}.tape{position:absolute;z-index:6;width:85px;height:25px;background:rgba(245,241,232,.75)}.tape-one{top:24px;left:32%;transform:rotate(12deg)}.tape-two{right:10%;top:96px;transform:rotate(-15deg)}.burst{position:absolute;border-radius:50%}.burst-one{width:360px;height:360px;right:-10%;top:5%;background:var(--lime)}.burst-two{width:220px;height:220px;left:5%;bottom:0;border:35px solid var(--blue)}
.trust-strip{display:flex;justify-content:center;gap:35px;padding:20px 4vw;background:var(--ink);color:#fff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.11em}.trust-strip i{color:var(--yellow);font-style:normal}
.services{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;padding:130px 5vw}.section-heading h2,.process h2,.quote h2{font-size:clamp(58px,7vw,108px)}.section-heading>p:last-child{max-width:450px;margin-top:30px;font-size:16px;line-height:1.6}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.service-card{min-height:245px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;border:2px solid var(--ink);transition:transform .2s}.service-card:hover{transform:rotate(-1deg) translateY(-5px)}.service-card>span{font-size:11px;font-weight:800}.service-card h3{margin:0;font-size:40px;letter-spacing:-.06em;text-transform:uppercase}.service-card p{margin:6px 0 0;font-size:12px}.service-card b{align-self:flex-end;font-size:27px}.coral{background:var(--coral);color:#fff}.blue{background:var(--blue);color:#fff}.lime{background:var(--lime)}.yellow{background:var(--yellow)}
.process{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding:120px 5vw;background:var(--blue);color:#fff}.eyebrow.light>span{background:var(--yellow)}.process h2 em{color:var(--yellow)}.process ol{list-style:none;margin:0;padding:0}.process li{display:flex;gap:24px;padding:28px 0;border-bottom:1px solid rgba(255,255,255,.35)}.process li b{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:50%;background:var(--yellow);color:var(--ink)}.process li div{display:flex;flex-direction:column;gap:7px}.process li strong{font-size:20px}.process li span{max-width:430px;font-size:14px;line-height:1.5;opacity:.82}
.quote{padding:130px 5vw;text-align:center;background:var(--lime)}.quote .eyebrow{justify-content:center}.quote h2 em{color:var(--blue)}.quote>p:not(.eyebrow){max-width:590px;margin:35px auto;font-size:18px;line-height:1.55}.quote .button{margin:auto}.button.dark{background:var(--ink);min-width:310px;text-transform:none}.button.dark:hover{box-shadow:5px 5px 0 var(--coral)}
.site-footer{display:flex;align-items:center;justify-content:space-between;padding:45px 5vw;background:var(--ink);color:#fff;font-size:12px}.site-footer p{opacity:.65}
.wp-content{max-width:900px;margin:0 auto;padding:80px 5vw}.wp-content h1{font-size:clamp(52px,7vw,90px);margin-bottom:30px}.wp-content p{font-size:17px;line-height:1.7}
@media(max-width:900px){.site-nav{display:none}.hero,.services,.process{grid-template-columns:1fr}.hero{padding-top:70px}.hero-art{margin-top:45px;min-height:510px}.services,.process{gap:70px}}
@media(max-width:600px){.site-header{height:72px}.site-header .button{min-width:auto}.site-header .button span{display:none}.logo{font-size:15px}.hero{min-height:auto;padding:55px 5vw 60px}h1{font-size:68px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-art{min-height:430px}.print-pink{left:4%;width:58%;height:300px}.print-blue{width:51%;height:285px}.print-yellow{left:14%;width:65%}.roundel{width:90px;height:90px;font-size:12px}.trust-strip{justify-content:flex-start;overflow:hidden;white-space:nowrap}.services,.process,.quote{padding-top:90px;padding-bottom:90px}.service-grid{grid-template-columns:1fr}.service-card{min-height:200px}.site-footer{align-items:flex-start;flex-direction:column;gap:22px}.button.dark{min-width:280px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}