.pow-blog-footer {
--gold:#9b792f;--ink:#2c313b;--line:#d9d6cf
}
.pow-blog-footer * {
box-sizing:border-box
}
.pow-blog-footer {
margin:0;/*background:#f1f1f1;*/color:var(--ink);font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased
}
.pow-blog-footer a {
color:inherit;text-decoration:none
}
.pow-blog-footer a:hover {
color:var(--gold)
}
.pow-blog-footer a:focus-visible {
outline:2px solid var(--gold);outline-offset:5px
}
.pow-blog-footer .wrap {
max-width:1320px;margin:auto;padding-left:48px;padding-right:48px
}
.pow-blog-footer .journal {
padding-top:64px;padding-bottom:65px
}
.pow-blog-footer .heading {
display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:36px
}
.pow-blog-footer .eyebrow {
font-size:11px;letter-spacing:2.5px;color:var(--gold);font-weight:600;margin:0 0 12px
}
.pow-blog-footer h1 {
font:400 44px/1.15 Georgia,serif;margin:0 0 14px;letter-spacing:-1px
}
.pow-blog-footer .intro {
font-size:15px;color:#64676b;margin:0;line-height:1.6
}
.pow-blog-footer .button {
display:inline-flex;align-items:center;justify-content:center;gap:30px;border:1px solid #aa8b47;padding:15px 22px;font-size:14px;white-space:nowrap;transition:background .2s
}
.pow-blog-footer .button:hover {
background:#e7e1d4;color:#242424
}
.pow-blog-footer .button span {
font-size:20px
}
.pow-blog-footer .articles {
display:grid;grid-template-columns:repeat(3,1fr);gap:30px
}
.pow-blog-footer article {
display:flex;flex-direction:column;align-items:flex-start
}
.pow-blog-footer .photo {
display:block;width:100%;overflow:hidden;background:#e3e3e3
}
.pow-blog-footer .photo img {
width:100%;height:225px;object-fit:cover;display:block;transition:transform .35s
}
.pow-blog-footer .photo:hover img {
transform:scale(1.035)
}
.pow-blog-footer .date {
font-size:12px;color:#777;letter-spacing:.3px;margin:21px 0 10px
}
.pow-blog-footer h2 {
font:400 24px/1.35 Georgia,serif;margin:0 0 22px
}
.pow-blog-footer .read {
font-size:14px;display:flex;justify-content:space-between;width:100%;border-bottom:1px solid #c8c3b8;padding:0 0 12px;margin-top:auto;color:#705922
}
.pow-blog-footer .read span {
font-size:20px
}
.pow-blog-footer footer {
background:#e9e7e2;border-top:1px solid #d6d1c5
}
.pow-blog-footer .footer-top {
display:flex;align-items:center;gap:30px;padding:30px 0;border-bottom:1px solid #d0cbc0
}
.pow-blog-footer .logo {
width:106px;height:100px;object-fit:contain
}
.pow-blog-footer .top-copy {
flex:1
}
.pow-blog-footer .top-copy>p:last-child {
font:400 25px/1.35 Georgia,serif;margin:0
}
.pow-blog-footer .filled {
background:#a08443;border-color:#a08443;color:white
}
.pow-blog-footer .filled:hover {
background:#80662e;color:white
}
.pow-blog-footer .footer-grid {
display:grid;grid-template-columns:1.65fr 1fr 1fr .8fr;gap:36px;padding:35px 0 38px
}
.pow-blog-footer h3 {
font:400 20px Georgia,serif;margin:0 0 20px;color:#333
}
.pow-blog-footer .phones {
display:grid;gap:10px;margin-bottom:22px
}
.pow-blog-footer .phones a {
font-size:20px;letter-spacing:.2px
}
.pow-blog-footer .phones span {
font-size:15px;color:#927239;margin-right:7px
}
.pow-blog-footer .email {
font-size:13px;overflow-wrap:anywhere
}
.pow-blog-footer address {
font-size:14px;line-height:1.8;font-style:normal;color:#67655f;margin-top:16px
}
.pow-blog-footer nav a {
display:block;font-size:14px;line-height:1.6;margin:0 0 10px
}
.pow-blog-footer .footer-bottom {
border-top:1px solid #d0cbc0;padding:23px 0;display:flex;justify-content:space-between;align-items:center;gap:24px
}
.pow-blog-footer .footer-bottom p {
font-size:12px;color:#716d64;margin:0
}
.pow-blog-footer .socials {
display:flex;gap:18px
}
.pow-blog-footer .socials>a {
display:flex;align-items:center;gap:7px
}
.pow-blog-footer .socialname {
font-size:12px
}
.pow-blog-footer .icon {
display:flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:50%;color:white;font:bold 18px Arial
}
.pow-blog-footer .ig {
background:linear-gradient(35deg,#ffb53f,#d13277,#7851b6);font-size:25px
}
.pow-blog-footer .fb {
background:#1877f2;font-size:24px
}
.pow-blog-footer .yt {
background:#f00000;font-size:13px
}
.pow-blog-footer .ta {
background:#34cda1;color:#163a31;font-size:13px
}
@media(min-width:1600px) {
.pow-blog-footer .wrap {
max-width:1420px
}
.pow-blog-footer .photo img {
height:250px
}
}
@media(max-width:1000px) {
.pow-blog-footer .wrap {
padding-left:30px;padding-right:30px
}
.pow-blog-footer .footer-grid {
grid-template-columns:1.4fr 1fr;gap:35px
}
.pow-blog-footer .photo img {
height:185px
}
.pow-blog-footer h2 {
font-size:21px
}
.pow-blog-footer .socialname {
display:none
}
}
@media(max-width:640px) {
.pow-blog-footer .wrap {
padding-left:22px;padding-right:22px
}
.pow-blog-footer .journal {
padding-top:35px;padding-bottom:38px
}
.pow-blog-footer .heading {
display:block;margin-bottom:28px
}
.pow-blog-footer h1 {
font-size:34px
}
.pow-blog-footer .heading .button {
margin-top:22px;padding:11px 18px
}
.pow-blog-footer .articles {
grid-template-columns:1fr;gap:32px
}
.pow-blog-footer .photo img {
height:auto;aspect-ratio:1.75;object-fit:cover
}
.pow-blog-footer h2 {
font-size:24px
}
.pow-blog-footer .date {
margin-top:16px
}
.pow-blog-footer .footer-top {
flex-wrap:wrap;gap:17px
}
.pow-blog-footer .logo {
width:83px;height:80px
}
.pow-blog-footer .top-copy>p:last-child {
font-size:21px
}
.pow-blog-footer .top-copy .eyebrow {
font-size:9px;letter-spacing:1.3px
}
.pow-blog-footer .footer-top .button {
width:100%
}
.pow-blog-footer .footer-grid {
grid-template-columns:1fr 1fr;gap:28px 20px
}
.pow-blog-footer .contact {
grid-column:1/-1
}
.pow-blog-footer .phones {
grid-template-columns:1fr 1fr;gap:14px 8px
}
.pow-blog-footer .phones a {
font-size:16px
}
.pow-blog-footer .email {
font-size:14px
}
.pow-blog-footer nav a {
font-size:14px
}
.pow-blog-footer .footer-bottom {
align-items:flex-start;flex-direction:column;gap:18px
}
.pow-blog-footer .socials {
gap:24px
}
.pow-blog-footer .icon {
width:32px;height:32px
}
}
@media(prefers-reduced-motion:reduce) {
.pow-blog-footer * {
transition:none!important
}
}
.pow-blog-footer svg {
width:22px;height:22px;flex-shrink:0;vertical-align:middle
}
.pow-blog-footer .heading {
margin-bottom:22px
}
.pow-blog-footer .carousel-controls {
display:flex;gap:12px
}
.pow-blog-footer .carousel-controls button {
width:52px;height:52px;background:transparent;border:1px solid #a08443;color:#725927;border-radius:50%;display:grid;place-items:center;cursor:pointer;transition:.2s
}
.pow-blog-footer .carousel-controls button:hover {
background:#a08443;color:white
}
.pow-blog-footer .carousel-controls button:disabled {
opacity:.3;cursor:default
}
.pow-blog-footer .carousel-controls button:focus-visible {
outline:2px solid #785a22;outline-offset:4px
}
.pow-blog-footer .articles {
display:flex;gap:30px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:0 0 8px
}
.pow-blog-footer .articles::-webkit-scrollbar {
display:none
}
.pow-blog-footer .articles article {
flex:0 0 calc((100% - 60px)/3);min-width:0;scroll-snap-align:start;align-self:flex-start
}
.pow-blog-footer .articles article:nth-child(even) {
margin-top:40px
}
.pow-blog-footer .card-number {
display:flex;align-items:center;gap:15px;margin-bottom:13px;width:100%
}
.pow-blog-footer .card-number span {
font:italic 30px Georgia,serif;color:#97763a
}
.pow-blog-footer .card-number i {
height:1px;background:#d6c7aa;width:45px
}
.pow-blog-footer .photo {
padding:7px;border:1px solid #b89b61;background:#f9f7f1;box-shadow:0 5px 14px #4a3b1710
}
.pow-blog-footer .photo img {
height:215px
}
.pow-blog-footer .articles h2 {
margin:22px 0;font-size:23px;min-height:125px
}
.pow-blog-footer .read {
width:auto;gap:20px;background:#a08443;border:1px solid #a08443;padding:11px 17px;color:#fff;font-size:14px;margin-top:0
}
.pow-blog-footer .read:hover {
background:#755a24;color:white
}
.pow-blog-footer .read svg {
width:18px
}
.pow-blog-footer .carousel-status {
display:flex;gap:9px;justify-content:center;align-items:center;margin-top:26px;font-size:13px;color:#785e2c;letter-spacing:1px
}
.pow-blog-footer .outof {
color:#777
}
.pow-blog-footer footer {
background:linear-gradient(115deg,#ede3cd 0%,#f8f1e2 48%,#e7d7b7 100%);border-top:3px solid #b99a55;box-shadow:inset 0 1px #fff9e7
}
.pow-blog-footer .footer-top {
border-bottom:1px solid #bca46d80
}
.pow-blog-footer .footer-bottom {
border-top:1px solid #bca46d80
}
.pow-blog-footer .footer-grid h3 {
color:#725522
}
.pow-blog-footer .logo {
width:118px;height:110px
}
.pow-blog-footer .contact-icon {
display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #bfaa7c;border-radius:50%;color:#8c6a2c;flex-shrink:0;background:#fffbf1
}
.pow-blog-footer .contact-icon svg {
width:17px;height:17px
}
.pow-blog-footer .phones a {
display:flex;align-items:center;gap:9px
}
.pow-blog-footer .phones .contact-icon {
font-size:inherit;margin:0
}
.pow-blog-footer .email {
display:flex;align-items:center;gap:9px;font-size:13px
}
.pow-blog-footer .email .contact-icon {
min-width:32px
}
.pow-blog-footer address {
display:flex;gap:9px;align-items:flex-start
}
.pow-blog-footer .icon {
width:36px;height:36px;padding:7px
}
.pow-blog-footer .icon svg {
width:22px;height:22px
}
.pow-blog-footer .icon.fb {
padding:8px
}
.pow-blog-footer .icon.ta {
padding:6px
}
.pow-blog-footer .socials {
gap:18px
}
.pow-blog-footer .socials>a {
gap:8px
}
.pow-blog-footer .filled {
box-shadow:0 4px 12px #8b6b2520
}
.pow-blog-footer .socialname {
font-size:12px
}
@media(max-width:1000px) {
.pow-blog-footer .articles article {
flex-basis:calc((100% - 30px)/2)
}
.pow-blog-footer .articles h2 {
min-height:124px
}
.pow-blog-footer .email {
max-width:100%
}
}
@media(max-width:640px) {
.pow-blog-footer .heading {
display:flex;align-items:flex-end;gap:12px
}
.pow-blog-footer .heading .intro {
font-size:14px
}
.pow-blog-footer .heading h1 {
font-size:30px
}
.pow-blog-footer .heading .eyebrow {
font-size:9px;letter-spacing:1.5px
}
.pow-blog-footer .carousel-controls {
gap:7px
}
.pow-blog-footer .carousel-controls button {
width:35px;height:35px
}
.pow-blog-footer .carousel-controls svg {
width:17px
}
.pow-blog-footer .articles {
gap:20px
}
.pow-blog-footer .articles article {
flex-basis:100%;margin-top:0!important
}
.pow-blog-footer .articles .photo img {
height:auto;aspect-ratio:1.6
}
.pow-blog-footer .articles h2 {
min-height:0;margin:20px 0;font-size:24px
}
.pow-blog-footer .carousel-status {
margin-top:20px
}
.pow-blog-footer .logo {
width:83px;height:80px
}
.pow-blog-footer .phones {
grid-template-columns:1fr
}
.pow-blog-footer .phones a {
font-size:20px
}
.pow-blog-footer .email {
font-size:12px
}
.pow-blog-footer .socials {
gap:20px
}
.pow-blog-footer .read {
margin-bottom:5px
}
}
.pow-blog-footer footer {
color:#302719
}
.pow-blog-footer .footer-grid h3 {
position:relative;display:table;font-family:Arial,sans-serif;font-size:19px;line-height:1.35;font-weight:750;color:#4e3013;margin-bottom:25px;padding-bottom:12px;letter-spacing:.2px
}
.pow-blog-footer .footer-grid h3:after {
content:"";position:absolute;bottom:0;left:0;width:47px;height:3px;background:linear-gradient(90deg,#95651e,#dbb863);border-radius:3px
}
.pow-blog-footer .footer-grid nav a {
color:#332a1e;font-size:15px;font-weight:500
}
.pow-blog-footer .footer-grid nav a:hover {
color:#925a13;text-decoration:underline;text-underline-offset:4px
}
.pow-blog-footer .footer-grid address {
color:#3c3327;font-size:15px
}
.pow-blog-footer .footer-grid .email {
color:#33291e;font-weight:600
}
.pow-blog-footer .footer-bottom p {
color:#514330;font-size:13px
}
.pow-blog-footer .socialname {
color:#33291e;font-weight:600
}
.pow-blog-footer .top-copy>p:last-child {
color:#3e2b16
}
.pow-blog-footer .top-copy .eyebrow {
color:#79521e;font-weight:700
}
.pow-blog-footer .phones a {
font-size:22px;font-weight:650;color:#3b2b17;transition:color .2s
}
.pow-blog-footer .phones a:hover {
color:#13703d
}
.pow-blog-footer .phones .contact-icon {
width:36px;height:36px;background:linear-gradient(145deg,#36b974,#147442);color:white;border:1px solid #1b8c51;box-shadow:0 3px 0 #105e36,0 5px 12px #1b8c5126,inset 0 1px 2px #b6ffce80
}
.pow-blog-footer .contact-icon svg {
stroke-width:2.2;width:19px;height:19px
}
.pow-blog-footer .phones .contact-icon svg {
animation:pow-phone-ring 3.4s ease-in-out infinite;transform-origin:50% 50%
}
.pow-blog-footer .phones a:nth-child(2) svg {
animation-delay:.2s
}
.pow-blog-footer .phones a:nth-child(3) svg {
animation-delay:.4s
}
.pow-blog-footer .phones a:nth-child(4) svg {
animation-delay:.6s
}
.pow-blog-footer .phones a:hover .contact-icon {
box-shadow:0 3px 0 #105e36,0 0 0 5px #299b5420
}
.pow-blog-footer .email .contact-icon {
color:#fff;background:linear-gradient(145deg,#c88b35,#96601d);border-color:#a06b23;box-shadow:0 2px 0 #795019,0 4px 10px #a9782220
}
.pow-blog-footer .footer-grid address .contact-icon {
color:white;background:linear-gradient(145deg,#db6e53,#ad3f2d);border-color:#ae4b37;box-shadow:0 2px 0 #873020,0 4px 10px #b34b2820
}
.pow-blog-footer .call-hint {
color:#4b6b3f;font-size:12px;font-weight:600;margin:-13px 0 17px
}
.pow-blog-footer .logo-display {
position:relative;display:grid;place-items:center;isolation:isolate;width:142px;height:142px;border-radius:50%;background:radial-gradient(circle at 34% 26%,#fffdf1 0%,#f9edbf 43%,#e5c77c 80%,#b38c35 100%);border:1px solid #d3b363;box-shadow:inset 0 2px 3px #fffef4,inset 0 -3px 7px #ae7d2d60,0 5px 0 #c4a054,0 9px 20px #7f5b262e;overflow:hidden;flex-shrink:0
}
.pow-blog-footer .logo-display .logo {
position:relative;z-index:1;width:117px;height:117px;filter:saturate(1.3) contrast(1.12) drop-shadow(0 2px 1px #805c2445)
}
.pow-blog-footer .logo-display:after {
content:"";pointer-events:none;position:absolute;z-index:2;inset:-40%;background:linear-gradient(110deg,transparent 38%,#ffffff00 42%,#ffffff9c 49%,#ffffff00 56%,transparent 62%);transform:translateX(-80%);animation:pow-logo-shine 6s ease-in-out infinite
}
.pow-blog-footer .footer-top {
gap:34px;padding:32px 0
}
.pow-blog-footer .socials .icon {
box-shadow:inset 0 1px 2px #ffffff70,0 3px 0 #00000022,0 5px 9px #00000014;transition:transform .2s,box-shadow .2s
}
.pow-blog-footer .socials>a:hover .icon {
transform:translateY(-3px);box-shadow:inset 0 1px 2px #ffffff70,0 5px 0 #00000018,0 8px 12px #00000016
}
@keyframes pow-phone-ring {
0%,8%,20%,100% {
transform:rotate(0)
}
2%,12% {
transform:rotate(-16deg)
}
5%,15% {
transform:rotate(16deg)
}
18% {
transform:rotate(-8deg)
}
}
@keyframes pow-logo-shine {
0%,48% {
transform:translateX(-80%)
}
75%,100% {
transform:translateX(80%)
}
}
@media(max-width:640px) {
.pow-blog-footer .logo-display {
width:100px;height:100px
}
.pow-blog-footer .logo-display .logo {
width:85px;height:85px
}
.pow-blog-footer .footer-top {
gap:18px
}
.pow-blog-footer .footer-grid h3 {
font-size:18px
}
.pow-blog-footer .footer-grid nav a {
font-size:15px
}
.pow-blog-footer .phones a {
font-size:21px
}
.pow-blog-footer .footer-grid .email {
font-size:12px
}
.pow-blog-footer .footer-grid address {
font-size:14px
}
}
@media(prefers-reduced-motion:reduce) {
.pow-blog-footer .phones .contact-icon svg, .pow-blog-footer .logo-display:after {
animation:none
}
.pow-blog-footer .logo-display:after {
display:none
}
}
.pow-blog-footer .logo-display {
background:none;border:0;border-radius:0;box-shadow:none;overflow:visible;isolation:auto
}
.pow-blog-footer .logo-display:after {
display:none
}
.pow-blog-footer .logo-display .logo {
width:136px;height:136px;filter:saturate(1.18) contrast(1.1) drop-shadow(0 1px 0 #fff5c7) drop-shadow(1px 2px 0 #a6792f) drop-shadow(2px 4px 1px #b48a4745) drop-shadow(0 6px 5px #7d592a38);animation:pow-logo-lustre 6s ease-in-out infinite
}
@keyframes pow-logo-lustre {
0%,100% {
filter:saturate(1.18) contrast(1.1) brightness(1) drop-shadow(1px 2px 0 #a6792f) drop-shadow(0 6px 5px #7d592a38)
}
50% {
filter:saturate(1.25) contrast(1.12) brightness(1.12) drop-shadow(1px 2px 0 #a6792f) drop-shadow(0 6px 6px #b98a3940)
}
}
.pow-blog-footer footer {
border-top:0
}
@media(max-width:640px) {
.pow-blog-footer .logo-display .logo {
width:100px;height:100px
}
}
@media(prefers-reduced-motion:reduce) {
.pow-blog-footer .logo-display .logo {
animation:none
}
}
.pow-blog-footer footer {
border-top:2px solid #b99a55
}
@media (prefers-reduced-motion: reduce) { .pow-blog-footer .articles { scroll-behavior: auto; } }