/*
Theme Name: Lynn Warner Premium
Theme URI: https://www.foxdisplays.com/
Author: OpenAI
Description: Premium WordPress theme for Lynn Warner Website Design at FoxDisplays.com. Designed for small-business web design, WordPress/Drupal development, digital strategy, AI-assisted workflows, portfolio presentation and project enquiries.
Version: 1.0.0
Requires at least: 6.3
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: lynn-warner-premium
License: GNU General Public License v2 or later
*/
:root{--lw-ink:#0b1020;--lw-navy:#111a34;--lw-blue:#325cff;--lw-cyan:#31d8e8;--lw-violet:#845bff;--lw-coral:#ff6b57;--lw-paper:#f6f7fb;--lw-white:#fff;--lw-muted:#657087;--lw-line:#e5e8f0;--lw-radius:24px;--lw-shadow:0 24px 80px rgba(17,26,52,.14);--lw-max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--lw-ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--lw-blue)}img{max-width:100%;height:auto}.container{width:min(calc(100% - 40px),var(--lw-max));margin-inline:auto}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed!important;top:12px;left:12px;width:auto;height:auto;clip:auto;background:#fff;padding:12px 16px;border-radius:10px;z-index:9999}.site-main{min-height:55vh}
/* header */
.topline{background:var(--lw-ink);color:#dce3ff;font-size:13px}.topline-inner{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.topline a{color:#fff}.topline-meta{display:flex;gap:18px;align-items:center}.topline-dot{width:7px;height:7px;border-radius:50%;background:var(--lw-cyan);box-shadow:0 0 0 5px rgba(49,216,232,.11)}
.site-header{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.93);backdrop-filter:blur(18px);border-bottom:1px solid rgba(229,232,240,.8)}.nav-wrap{min-height:78px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.brand-mark{width:43px;height:43px;border-radius:13px;background:linear-gradient(135deg,var(--lw-blue),var(--lw-violet));color:#fff;font-size:15px;font-weight:900;display:grid;place-items:center;box-shadow:0 10px 30px rgba(50,92,255,.27)}.brand-copy strong{display:block;font-size:15px;line-height:1.1;letter-spacing:-.02em}.brand-copy span{display:block;color:var(--lw-muted);font-size:11px;margin-top:4px}.custom-logo{max-height:48px;width:auto}.site-nav ul{display:flex;align-items:center;gap:26px;list-style:none;padding:0;margin:0}.site-nav a{font-size:14px;font-weight:700;color:#20283b}.site-nav a:hover{color:var(--lw-blue)}.nav-cta{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--lw-ink);color:#fff!important;padding:12px 18px;font-size:13px;font-weight:850}.nav-cta:hover{background:var(--lw-blue)}.menu-toggle{display:none;background:transparent;border:0;padding:8px;font-size:24px}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;border-radius:999px;background:var(--lw-blue);color:#fff!important;padding:0 22px;font-weight:850;font-size:14px;border:1px solid transparent;box-shadow:0 14px 30px rgba(50,92,255,.19);transition:.2s ease}.btn:hover{transform:translateY(-2px);background:#244be8}.btn-dark{background:var(--lw-ink);box-shadow:none}.btn-ghost{background:#fff;color:var(--lw-ink)!important;border-color:var(--lw-line);box-shadow:none}.btn-light{background:#fff;color:var(--lw-ink)!important;box-shadow:none}
/* hero */
.hero{position:relative;overflow:hidden;padding:80px 0 65px;background:radial-gradient(circle at 85% 20%,rgba(132,91,255,.16),transparent 30%),radial-gradient(circle at 65% 80%,rgba(49,216,232,.16),transparent 28%),linear-gradient(180deg,#fbfcff,#fff)}.hero:before{content:"";position:absolute;left:-10%;top:-40%;width:480px;height:480px;border-radius:50%;border:1px solid #e8ecff;box-shadow:0 0 0 48px rgba(239,242,255,.45),0 0 0 95px rgba(239,242,255,.25)}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:64px;align-items:center;position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.14em;color:var(--lw-blue)}.eyebrow:before{content:"";width:24px;height:2px;background:currentColor}.hero h1{font-size:clamp(48px,6.3vw,82px);line-height:.98;letter-spacing:-.065em;margin:19px 0 24px;max-width:760px}.hero h1 em{font-style:normal;background:linear-gradient(100deg,var(--lw-blue),var(--lw-violet),var(--lw-coral));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:19px;color:var(--lw-muted);max-width:650px;margin:0 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-proof{display:flex;gap:22px;flex-wrap:wrap;margin-top:32px;color:#475069;font-size:13px;font-weight:700}.hero-proof span{display:flex;align-items:center;gap:8px}.hero-proof b{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#e9fff8;color:#128262}.hero-media{position:relative}.hero-card{background:#0f1730;border-radius:30px;padding:18px;box-shadow:0 30px 100px rgba(17,26,52,.24);transform:rotate(1deg);position:relative}.hero-card img{display:block;width:100%;border-radius:18px}.hero-badge{position:absolute;left:-20px;bottom:44px;background:#fff;border:1px solid var(--lw-line);border-radius:18px;padding:14px 17px;box-shadow:var(--lw-shadow);max-width:210px}.hero-badge strong{display:block;font-size:14px}.hero-badge span{font-size:12px;color:var(--lw-muted)}.orb{position:absolute;width:74px;height:74px;border-radius:24px;background:linear-gradient(135deg,var(--lw-coral),#ffb24a);right:-18px;top:28px;transform:rotate(13deg);box-shadow:0 18px 45px rgba(255,107,87,.28)}
/* sections */
.section{padding:92px 0}.section-sm{padding:60px 0}.section-gray{background:var(--lw-paper)}.section-dark{background:var(--lw-ink);color:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.section-head h2,.content-title{font-size:clamp(35px,4vw,55px);line-height:1.04;letter-spacing:-.055em;margin:10px 0}.section-head p{color:var(--lw-muted);max-width:650px;margin:0}.section-dark .section-head p{color:#aab4ca}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card{background:#fff;border:1px solid var(--lw-line);border-radius:22px;padding:27px;min-height:290px;position:relative;overflow:hidden;transition:.25s ease}.service-card:hover{transform:translateY(-5px);box-shadow:var(--lw-shadow)}.service-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#eef1ff;color:var(--lw-blue);font-weight:900}.service-card:nth-child(2) .service-icon{background:#e8fffb;color:#0c8f88}.service-card:nth-child(3) .service-icon{background:#f1ecff;color:#744be8}.service-card:nth-child(4) .service-icon{background:#fff0ec;color:#e9503a}.service-card h3{font-size:21px;letter-spacing:-.025em;margin:22px 0 9px}.service-card p{font-size:14px;color:var(--lw-muted);margin:0}.service-card .mini{position:absolute;bottom:24px;left:27px;font-size:12px;color:var(--lw-blue);font-weight:900}
.split{display:grid;grid-template-columns:.95fr 1.05fr;gap:64px;align-items:center}.studio-visual{border-radius:28px;min-height:520px;background:linear-gradient(145deg,#101a36,#1f2d58);padding:22px;position:relative;overflow:hidden;box-shadow:var(--lw-shadow)}.studio-visual:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;background:linear-gradient(135deg,rgba(49,216,232,.42),rgba(132,91,255,.12));right:-70px;top:-60px;filter:blur(2px)}.studio-screen{position:relative;z-index:2;margin-top:72px;background:#fff;border-radius:19px;padding:15px;box-shadow:0 25px 80px rgba(0,0,0,.28);transform:perspective(800px) rotateY(8deg) rotateX(2deg)}.screen-bar{display:flex;gap:6px;margin-bottom:13px}.screen-bar i{display:block;width:8px;height:8px;border-radius:50%;background:#d9deea}.screen-body{display:grid;grid-template-columns:.8fr 1.2fr;gap:13px}.screen-nav,.screen-main{border-radius:12px;background:#f0f2f8;min-height:235px}.screen-main{background:linear-gradient(135deg,#325cff 0 45%,#845bff 45% 68%,#31d8e8 68%);position:relative}.screen-main:after{content:"MAKE IT\A MEMORABLE";white-space:pre;position:absolute;left:22px;bottom:20px;color:#fff;font-size:26px;font-weight:950;line-height:.9;letter-spacing:-.04em}.studio-label{position:absolute;z-index:3;left:30px;top:31px;color:#fff}.studio-label strong{display:block;font-size:16px}.studio-label span{color:#a7b6dc;font-size:12px}.check-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;list-style:none;padding:0;margin:25px 0 32px}.check-list li{font-size:14px;font-weight:750;display:flex;gap:9px;align-items:flex-start}.check-list li:before{content:"✓";width:22px;height:22px;border-radius:50%;background:#eafff8;color:#16845b;display:grid;place-items:center;font-size:11px;flex:0 0 auto}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.process{border:1px solid #2b3654;border-radius:20px;padding:25px;background:#121b34}.process span{font-size:11px;color:var(--lw-cyan);font-weight:900;letter-spacing:.1em;text-transform:uppercase}.process h3{font-size:19px;margin:25px 0 8px}.process p{font-size:13px;color:#9eabc4;margin:0}.process-num{font-size:44px!important;color:#2c3a60!important;display:block;line-height:1;font-weight:900!important;letter-spacing:-.05em!important;text-transform:none!important}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.project-card{border:1px solid var(--lw-line);border-radius:24px;overflow:hidden;background:#fff;transition:.25s ease}.project-card:hover{transform:translateY(-5px);box-shadow:var(--lw-shadow)}.project-visual{aspect-ratio:4/3;background:#111827;padding:18px;overflow:hidden}.project-visual img{width:100%;height:100%;object-fit:cover;border-radius:13px}.project-copy{padding:23px}.project-copy .type{font-size:11px;color:var(--lw-blue);font-weight:900;text-transform:uppercase;letter-spacing:.1em}.project-copy h3{font-size:21px;margin:6px 0 8px}.project-copy p{font-size:13px;color:var(--lw-muted);margin:0}
.team-band{display:grid;grid-template-columns:1fr 1fr;gap:20px}.person{border:1px solid var(--lw-line);border-radius:24px;padding:30px;background:#fff}.avatar{width:60px;height:60px;border-radius:18px;background:linear-gradient(135deg,var(--lw-blue),var(--lw-violet));color:#fff;display:grid;place-items:center;font-weight:900}.person:nth-child(2) .avatar{background:linear-gradient(135deg,#10162a,#374266)}.person h3{font-size:24px;margin:18px 0 1px}.person .role{font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:var(--lw-blue)}.person p{color:var(--lw-muted);font-size:14px}
.cta{background:linear-gradient(135deg,var(--lw-blue),#564fe6 58%,var(--lw-violet));border-radius:30px;padding:52px;color:#fff;position:relative;overflow:hidden}.cta:after{content:"";position:absolute;width:320px;height:320px;border:55px solid rgba(255,255,255,.08);border-radius:50%;right:-65px;top:-105px}.cta-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:40px;align-items:center;position:relative;z-index:2}.cta h2{font-size:clamp(34px,4.5vw,58px);line-height:1;letter-spacing:-.055em;margin:0 0 12px}.cta p{color:#e2e6ff;max-width:680px}.cta-actions{display:flex;flex-direction:column;gap:10px;align-items:stretch}
/* forms/pages */
.page-hero{padding:78px 0 55px;background:linear-gradient(180deg,#f7f9ff,#fff)}.page-hero h1{font-size:clamp(44px,6vw,72px);line-height:1;letter-spacing:-.06em;margin:13px 0 16px}.page-hero p{max-width:720px;color:var(--lw-muted);font-size:18px}.content-wrap{padding:65px 0 90px}.entry-content{max-width:860px}.entry-content h2{font-size:35px;letter-spacing:-.04em;margin-top:50px}.entry-content p,.entry-content li{color:#535f76}.lw-form{background:#fff;border:1px solid var(--lw-line);border-radius:26px;padding:30px;box-shadow:var(--lw-shadow);max-width:900px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-full{grid-column:1/-1}.lw-form label{display:block;font-size:12px;font-weight:850;margin-bottom:7px}.lw-form input,.lw-form textarea,.lw-form select{width:100%;border:1px solid #dfe3ed;border-radius:13px;background:#fbfcff;padding:13px 14px;outline:none}.lw-form input:focus,.lw-form textarea:focus,.lw-form select:focus{border-color:var(--lw-blue);box-shadow:0 0 0 3px rgba(50,92,255,.09)}.lw-form textarea{min-height:145px;resize:vertical}.lw-form button{border:0;cursor:pointer}.form-success,.form-error{border-radius:14px;padding:13px 15px;margin-bottom:20px;font-weight:750;font-size:14px}.form-success{background:#eafff6;color:#096749}.form-error{background:#fff0ee;color:#a32a1d}.contact-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:28px}.contact-card{background:var(--lw-ink);color:#fff;border-radius:26px;padding:30px}.contact-card p{color:#aeb8cb}.contact-item{padding:17px 0;border-bottom:1px solid #28334e}.contact-item:last-child{border-bottom:0}.contact-item small{display:block;color:#8e9bb6;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.contact-item strong{display:block;margin-top:4px}
/* footer */
.site-footer{background:#090e1c;color:#fff;padding:58px 0 24px}.footer-grid{display:grid;grid-template-columns:1.2fr .7fr .7fr;gap:55px}.footer-brand p{color:#98a4bd;max-width:430px;font-size:14px}.footer-title{font-size:12px;text-transform:uppercase;letter-spacing:.13em;color:#72809e;margin:0 0 16px}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin:9px 0}.footer-links a{color:#dce3f2;font-size:14px}.footer-bottom{margin-top:42px;padding-top:22px;border-top:1px solid #202a43;color:#7d89a4;font-size:12px;display:flex;justify-content:space-between;gap:20px}
@media(max-width:980px){.hero-grid,.split,.contact-layout{grid-template-columns:1fr}.hero-media{max-width:700px}.service-grid,.process-grid{grid-template-columns:repeat(2,1fr)}.portfolio-grid{grid-template-columns:1fr 1fr}.site-nav{display:none;position:absolute;left:20px;right:20px;top:92px;background:#fff;border:1px solid var(--lw-line);border-radius:18px;padding:20px;box-shadow:var(--lw-shadow)}.site-nav.is-open{display:block}.site-nav ul{display:block}.site-nav li{margin:14px 0}.menu-toggle{display:block}.nav-cta{display:none}.cta-grid{grid-template-columns:1fr}.cta-actions{flex-direction:row;flex-wrap:wrap}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:650px){.container{width:min(calc(100% - 28px),var(--lw-max))}.topline-inner{justify-content:center}.topline-meta{display:none}.hero{padding-top:55px}.hero h1{font-size:48px}.hero-grid{gap:42px}.hero-badge{left:8px;bottom:18px}.orb{right:5px}.section{padding:68px 0}.section-head{display:block}.section-head .btn{margin-top:20px}.service-grid,.process-grid,.portfolio-grid,.team-band,.footer-grid,.form-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.check-list{grid-template-columns:1fr}.cta{padding:34px 26px}.cta-actions{display:block}.cta-actions .btn{width:100%;margin-top:10px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}.studio-visual{min-height:430px}.site-header{position:relative}}