/*
Theme Name: Frank N Sign
Theme URI: https://www.franknsigns.com/
Author: JD Robinson / Executive Computer Resource
Description: A responsive, custom WordPress rebuild featuring the original Frank N Sign logo and project photography. Includes editable starter pages, accessible mobile navigation, and a quote form.
Version: 1.1.0
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 8.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: frank-n-sign
*/
:root{--green:#b8e83e;--purple:#20112d;--orange:#ffb342;--ink:#100d15;--muted:#b8b2c3;--line:#ffffff20;--width:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.7}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}button,input,textarea,select{font:inherit}button,.button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.wrap{width:min(var(--width),calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:20px;z-index:100;background:var(--green);color:#000;padding:10px}.skip-link:focus{top:10px}.topbar{background:var(--green);color:#14200b;font-size:12px;font-weight:700;letter-spacing:.05em}.topbar .wrap{display:flex;justify-content:space-between;padding-block:7px}.topbar a{color:inherit}.site-header{background:#120d18f5;border-bottom:1px solid var(--line);position:relative;z-index:20}.header-inner{min-height:118px;display:flex;align-items:center;justify-content:space-between;gap:28px}.custom-logo-link img{width:245px;height:auto;display:block}.brand img{display:block;width:245px;height:auto}.main-nav ul{display:flex;align-items:center;gap:23px;padding:0;margin:0;list-style:none}.main-nav a{font-size:13px;font-weight:700;color:#ddd7e5;white-space:nowrap}.main-nav .current-menu-item>a,.main-nav .current_page_item>a,.main-nav a:hover{color:var(--green)}.main-nav li:last-child a{background:var(--green);color:#192109;padding:12px 18px;border-radius:4px}.menu-toggle{display:none;background:none;color:white;border:1px solid var(--line);border-radius:5px;padding:8px 12px}.hero{position:relative;isolation:isolate;background:linear-gradient(90deg,#160d23ed,#140a1c8a),url('assets/images/lightning.jpg') center/cover;overflow:hidden}.hero::after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,var(--ink),transparent 30%)}.hero-grid{min-height:560px;display:grid;grid-template-columns:1.06fr 1fr;gap:50px;align-items:center;padding-block:70px}.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:12px;font-weight:800;color:var(--green);margin:0 0 17px}.hero h1{font-size:clamp(42px,4.6vw,66px);line-height:1.04;letter-spacing:-.055em;margin:0 0 25px;max-width:620px}.hero h1 span{color:var(--green)}.hero .intro{max-width:500px;color:#d5cede;font-size:17px;line-height:1.7}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin-top:29px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 23px;border-radius:4px;background:var(--green);color:#18200b;border:1px solid var(--green);font-size:14px;font-weight:800;line-height:1.4}.button:hover{background:#c9f765;text-decoration:none}.button.outline{background:transparent;color:white;border-color:#ffffff50}.hero-note{font-size:12px;color:var(--muted);margin-top:25px}.hero-art{position:relative}.hero-art .hero-logo{width:100%;filter:drop-shadow(0 15px 45px #000);margin-bottom:27px}.hero-caption{display:flex;justify-content:center;gap:13px;color:#d8cbea;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:.1em;flex-wrap:wrap}.hero-caption span+span:before{content:'•';color:var(--green);margin-right:13px}.trust-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#17121e}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-block:23px;gap:20px}.trust-grid strong{display:block;font-size:16px}.trust-grid span{color:var(--muted);font-size:12px}.section{padding-block:80px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px}.section-heading h2,.editor-content h2{font-size:clamp(30px,3vw,43px);letter-spacing:-.035em;line-height:1.15;margin:8px 0 15px}.section-heading p{color:var(--muted);max-width:490px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{border:1px solid var(--line);background:#1b1522;border-radius:9px;overflow:hidden;color:white;transition:transform .2s}.service-card:hover{transform:translateY(-5px);text-decoration:none}.service-card>img{display:block;width:100%;height:232px;object-fit:cover}.service-card .card-body{padding:24px}.service-card .number{color:var(--green);font-size:12px;letter-spacing:.12em}.service-card h3{margin:10px 0;font-size:24px;line-height:1.2;letter-spacing:-.03em}.service-card p{font-size:14px;color:var(--muted);margin:0 0 20px}.card-link{font-size:13px;color:var(--green);font-weight:bold}.home-story{background:#20152b;border-block:1px solid var(--line);padding-block:65px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.story-grid h2{font-size:38px;letter-spacing:-.035em;line-height:1.18}.story-grid p{color:#d3cbdc}.story-grid img{width:100%;height:330px;object-fit:cover;border-radius:8px}.page-banner{padding-block:65px;background:linear-gradient(90deg,#251336ee,#140c1deb),url('assets/images/lightning.jpg') center/cover;border-bottom:1px solid var(--line)}.page-banner h1{font-size:clamp(38px,5vw,60px);line-height:1.1;letter-spacing:-.045em;margin:8px 0 0}.editor-content{padding-block:65px;min-height:300px}.editor-content>p{max-width:850px;color:#d3cbdc;font-size:17px}.editor-content h2{margin-top:44px}.editor-content h3{font-size:25px;margin-top:32px}.editor-content li{color:#d3cbdc}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-block:35px}.project-grid figure{margin:0}.project-grid img{width:100%;height:280px;object-fit:cover;border-radius:7px;background:#211829;display:block}.project-grid figcaption{color:var(--muted);font-size:12px;padding:10px 0}.project-grid a{display:block}.editor-content .wp-block-image:not(.project-grid .wp-block-image){max-width:850px}.editor-content .wp-block-image img{border-radius:8px}.quote-band{background:var(--green);color:#17220d;padding-block:46px}.quote-band .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}.quote-band h2{font-size:32px;letter-spacing:-.04em;line-height:1.15;margin:0 0 8px}.quote-band p{margin:0;font-size:14px}.quote-band .button{background:#17121d;color:white;border-color:#17121d}.site-footer{padding-block:45px 25px;background:#0b080f}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:50px}.footer-grid img{width:225px}.footer-grid h3{font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:var(--green);margin:0 0 15px}.footer-grid p,.footer-grid a{font-size:13px;color:var(--muted)}.footer-links{display:grid;gap:8px}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;margin-top:35px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#8b8299}.quote-form{max-width:790px;border:1px solid var(--line);padding:30px;border-radius:8px;background:#1b1522;margin-block:30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.quote-form label{display:block;font-size:14px;font-weight:bold}.quote-form input,.quote-form textarea,.quote-form select{width:100%;padding:12px;margin-top:7px;color:#fff;background:#110d17;border:1px solid #ffffff40;border-radius:4px}.quote-form textarea{min-height:150px;resize:vertical}.quote-form .full{grid-column:1/-1}.quote-form small{display:block;margin-top:15px;color:var(--muted)}.notice{padding:18px 22px;border:1px solid var(--green);border-radius:5px;background:#28351b;margin-block:24px}.notice.error{background:#452220;border-color:#ffb342}.honey{position:absolute;left:-9999px}.post-list{display:grid;gap:25px}.post-list article{padding:24px;border:1px solid var(--line)}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.lightbox{max-width:min(1100px,95vw);max-height:95vh;background:#110d17;border:1px solid #ffffff40;color:white;padding:40px 15px 15px;border-radius:8px}.lightbox::backdrop{background:#000d}.lightbox img{display:block;max-height:82vh;object-fit:contain;margin:auto}.lightbox button{position:absolute;right:10px;top:5px;background:transparent;color:white;border:0;font-size:23px;padding:2px 12px}.wp-block-button__link{background:var(--green);color:#14200b;border-radius:4px;font-weight:700}.alignwide{max-width:var(--width)}.alignfull{width:100%}
@media(max-width:1100px){.header-inner{gap:15px}.custom-logo-link img{width:245px;height:auto;display:block}.brand img{width:190px}.main-nav ul{gap:14px}.main-nav a{font-size:12px}.hero-grid{gap:25px}}
@media(max-width:900px){.menu-toggle{display:block}.header-inner{min-height:96px;flex-wrap:wrap;padding-block:14px}.main-nav{display:none;width:100%;padding:15px 0}.main-nav.is-open{display:block}.main-nav ul{align-items:stretch;flex-direction:column;gap:0}.main-nav a{display:block;padding:10px;font-size:15px}.main-nav li:last-child a{margin-top:10px}.hero-grid{grid-template-columns:1fr;min-height:auto;gap:35px;padding-block:50px}.hero-art{max-width:530px;margin-inline:auto;order:-1}.hero-art .hero-logo{margin-bottom:15px}.hero h1{max-width:650px}.hero-caption{font-size:9px}.service-grid{gap:15px}.service-card>img{height:180px}.service-card .card-body{padding:20px}.service-card h3{font-size:21px}.story-grid{gap:30px}.project-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{gap:25px}}
@media(max-width:600px){.wrap{width:calc(100% - 32px)}.topbar .wrap{font-size:10px;letter-spacing:0;gap:10px}.topbar .area-label{display:none}.hero h1{font-size:44px}.hero .intro{font-size:16px}.hero-grid{padding-block:32px 48px}.hero-caption{display:none}.trust-grid{grid-template-columns:1fr 1fr;gap:20px}.section{padding-block:50px}.section-heading{display:block}.service-grid{grid-template-columns:1fr}.service-card>img{height:250px}.story-grid{grid-template-columns:1fr}.story-grid h2{font-size:32px}.story-grid img{height:260px}.project-grid{gap:12px}.project-grid img{height:200px}.page-banner{padding-block:43px}.editor-content{padding-block:40px}.quote-band .wrap{align-items:start;flex-direction:column}.quote-band h2{font-size:28px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}.form-grid{grid-template-columns:1fr}.quote-form{padding:20px}.actions{gap:10px}.button{padding:13px 17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Professional presentation — v1.1 */
:root{--green:#365344;--purple:#eef1ef;--orange:#9b713e;--ink:#ffffff;--muted:#58636a;--line:#dbe1df}
body{background:#fff;color:#202a30;font-family:Arial,Helvetica,sans-serif}a{color:#365344}.topbar{background:#24362e;color:#fff;letter-spacing:.025em;font-weight:400}.site-header{background:#fff;border-color:#e3e7e5}.header-inner{min-height:110px}.brand img,.custom-logo-link img{width:215px}.main-nav a{color:#394349;font-weight:600}.main-nav .current-menu-item>a,.main-nav .current_page_item>a,.main-nav a:hover{color:#365344}.main-nav li:last-child a{background:#365344;color:white;border-radius:2px}.menu-toggle{color:#24362e;border-color:#ccd4cf;border-radius:2px}.hero{background:#f2f4f2}.hero::after{display:none}.hero-grid{min-height:540px;grid-template-columns:1fr 1.05fr;gap:70px;padding-block:65px}.eyebrow{color:#365344;font-size:11px;letter-spacing:.13em}.hero h1{font-size:clamp(40px,4.2vw,60px);font-weight:600;line-height:1.12;letter-spacing:-.035em}.hero .intro{color:#536169;font-size:17px}.hero-art{align-self:stretch;display:flex;flex-direction:column;justify-content:center}.hero-project{width:100%;height:350px;object-fit:cover;border-radius:2px;display:block}.project-label{border-left:3px solid #365344;padding:13px 17px;background:#fff;display:flex;flex-direction:column;gap:3px}.project-label span{font-size:9px;letter-spacing:.13em;color:#657269}.project-label strong{font-size:13px;font-weight:500}.button{background:#365344;color:#fff;border-color:#365344;border-radius:2px;font-weight:600}.button:hover{background:#294435;color:#fff}.button.outline{background:transparent;color:#365344;border-color:#819087}.hero-note{color:#657269}.trust-band{background:#fff;border-color:#dbe1df}.trust-grid{padding-block:28px}.trust-grid strong{font-size:14px;font-weight:600}.trust-grid span{color:#68736c}.section-heading h2,.editor-content h2{font-weight:600;letter-spacing:-.025em;font-size:36px}.section-heading p{color:#58636a}.service-card{background:#fff;border-color:#dbe1df;border-radius:2px;color:#202a30;box-shadow:none}.service-card:hover{transform:translateY(-3px);border-color:#87998e}.service-card>img{height:225px}.service-card .number{color:#63756a;font-size:10px}.service-card h3{font-size:23px;font-weight:600;letter-spacing:-.02em}.service-card p{color:#58636a}.card-link{color:#365344;font-weight:600}.home-story{background:#f2f4f2;border-color:#e1e6e2}.story-grid h2{font-size:36px;font-weight:600}.story-grid p{color:#58636a}.story-grid img{border-radius:2px}.page-banner{background:#f2f4f2;border-color:#dbe1df}.page-banner h1{font-weight:600;letter-spacing:-.03em}.editor-content>p,.editor-content li{color:#46545c}.editor-content h3{font-weight:600}.project-grid img,.editor-content .wp-block-image img{border-radius:2px;background:#e6ebe7}.project-grid figcaption{color:#58636a}.quote-band{background:#eaf0eb;color:#24362e}.quote-band h2{font-size:30px;font-weight:600;letter-spacing:-.025em}.quote-band .button{background:#365344;border-color:#365344}.site-footer{background:#24362e;color:#fff}.footer-grid h3{color:#d1dfd4}.footer-grid p,.footer-grid a{color:#d5dfd8}.footer-bottom{color:#bccac1;border-color:#ffffff25}.quote-form{background:#f4f6f4;border-color:#dbe1df;border-radius:2px}.quote-form input,.quote-form textarea,.quote-form select{color:#202a30;background:#fff;border-color:#bbc7bf;border-radius:2px}.quote-form small{color:#58636a}.notice{color:#203b28;background:#e9f2e8;border-color:#9fb49e}.notice.error{color:#693d18;background:#fff1df;border-color:#bf976d}.post-list article{border-color:#dbe1df}.wp-block-button__link{color:#fff;background:#365344;border-radius:2px}.skip-link{background:#365344;color:white}
@media(max-width:1100px){.hero-grid{gap:40px}.brand img,.custom-logo-link img{width:185px}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr 1fr;gap:25px;min-height:460px}.hero h1{font-size:42px}.hero-art{order:0;max-width:none;margin:0}.hero-project{height:340px}.header-inner{min-height:92px}}
@media(max-width:600px){.hero-grid{grid-template-columns:1fr;padding-block:40px;gap:30px}.hero h1{font-size:40px}.hero-art{order:0}.hero-project{height:245px}.hero .intro{font-size:16px}.section-heading h2,.editor-content h2,.story-grid h2{font-size:30px}.quote-band h2{font-size:27px}.service-card>img{height:240px}.trust-grid strong{font-size:13px}.project-label strong{font-size:12px}}