/*
Theme Name: LCA Animated Construction
Description: Lane Coburn & Associates portfolio with the approved 101-second Rev12 introduction.
Version: 1.0.0
Author: Lane Coburn & Associates, LLC
Requires at least: 6.6
Requires PHP: 8.0
License: GNU General Public License v2 or later (theme code; LCA media rights reserved)
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lca-animated-construction
*/
:root{--ink:#191840;--paper:#f5f4f0;--accent:#5045bc;--muted:#666577;--line:#d9d7df;--lime:#c8e5b8;--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:26px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #9a89ff;outline-offset:6px}img{display:block;max-width:100%}.wrap{max-width:var(--max);width:calc(100% - 112px);margin-inline:auto}.skip{position:absolute;left:20px;top:-100px;z-index:99;background:white;padding:16px}.skip:focus{top:15px}.header{max-width:1440px;margin:auto;padding:24px 56px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;gap:15px;align-items:center}.brand img{background:white;object-fit:contain;width:77px;height:57px}.brand>span{font-size:11px;line-height:1.6;letter-spacing:1.65px}.brand b{font-weight:500}nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:600}nav a:hover{text-decoration:underline;text-underline-offset:6px}.nav-contact{border:1px solid #b7b5c2;padding:14px 19px;display:flex;gap:22px}.hero{display:grid;grid-template-columns:1fr 1.06fr;align-items:center;gap:44px;padding-top:75px;padding-bottom:83px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;line-height:1.5;margin:0 0 25px;display:flex;align-items:center;gap:10px}.line{width:24px;height:2px;background:var(--accent)}h1{font-size:clamp(54px,5.4vw,82px);font-weight:500;letter-spacing:-4.5px;line-height:1.02;margin:0 0 28px}h1 em{font-weight:500;font-style:normal;color:var(--accent)}.hero-lead{font-size:19px;line-height:1.6;max-width:480px;margin:0 0 14px}.hero-detail{font-size:14px;line-height:1.85;color:var(--muted);max-width:460px;margin:0 0 29px}.button{display:inline-flex;gap:22px;align-items:center;padding:18px 23px;font-size:13px;font-weight:600;transition:background .15s,transform .15s}.button:hover{transform:translateY(-2px)}.primary{background:var(--ink);color:white}.primary:hover{background:#302b6b}.small-play{font-size:10px;color:var(--lime)}.hero-visual{margin:0;position:relative;background:#e7e7ed;border:1px solid #bdbbc9;align-self:center;transform:translateY(15px)}.visual-top{display:flex;justify-content:space-between;gap:10px;padding:18px 19px;border-bottom:1px solid #bdbbc9;font-family:Consolas,monospace;font-size:9px;letter-spacing:.7px}.model-image{aspect-ratio:1.2;background:#e7e8ed;display:flex;align-items:center;overflow:hidden}.model-image img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-visual figcaption{display:flex;align-items:center;gap:10px;background:var(--ink);color:white;padding:20px;font-size:12px}.dot{width:6px;height:6px;border-radius:50%;background:var(--lime);flex-shrink:0}.cross{margin-left:auto;color:var(--lime);font-size:22px;font-weight:300}.drawing-mark{position:absolute;right:0;bottom:-28px;font-family:Consolas,monospace;font-size:9px;letter-spacing:1px;color:var(--muted)}.examples{background:var(--ink);color:#f8f7ff;padding:78px 0 27px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:42px}.eyebrow.light{color:#bab2ee;margin-bottom:20px}h2{font-weight:400;font-size:clamp(32px,3.1vw,46px);line-height:1.16;letter-spacing:-1.6px;margin:0}.section-head>p{max-width:290px;font-size:14px;color:#c0bed3;line-height:1.8;margin:0 0 5px}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 28px}.video-stage{position:relative;aspect-ratio:16/9;background:#29264f;overflow:hidden}.video-poster{position:relative;display:block;width:100%;height:100%;border:0;padding:0;background:#29264f;color:white;cursor:pointer;text-align:left}.video-poster>img{width:100%;height:100%;object-fit:cover;transition:transform .3s;opacity:.85}.video-poster:hover>img{transform:scale(1.025);opacity:1}.video-poster:focus-visible{outline-offset:-5px}.play{position:absolute;width:64px;height:64px;border-radius:50%;border:1px solid #ffffffa8;left:50%;top:50%;transform:translate(-50%,-50%);background:#191840d4;display:grid;place-items:center;font-size:16px;padding-left:3px;box-shadow:0 3px 16px #0003}.poster-label{position:absolute;left:18px;bottom:15px;color:white;background:#191840d9;padding:7px 10px;font-family:Consolas,monospace;font-size:10px;letter-spacing:1px}.video-stage iframe{width:100%;height:100%;border:0;display:block}.video-meta{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:19px}.video-category{display:block;color:#bab2ee;font-size:9px;font-weight:700;letter-spacing:1.8px;margin-bottom:10px}.video-meta h3{font-size:21px;font-weight:400;letter-spacing:-.5px;margin:0;line-height:1.3}.youtube-link{font-size:20px;flex-shrink:0;padding:10px;border:1px solid #514c73}.youtube-link:hover{background:#302b5e}.video-description{color:#c0bed3;font-size:13px;line-height:1.8;margin:12px 0 0;max-width:490px}.library-footer{display:flex;justify-content:space-between;gap:25px;padding-top:25px;margin-top:46px;border-top:1px solid #514c73;font-size:11px;line-height:1.7;color:#bdbacf}.library-footer a{color:white;border-bottom:1px solid #aaa4c9}.approach{padding-block:90px;display:grid;grid-template-columns:1fr 1fr;gap:85px}.approach-heading>p:last-child{font-size:15px;line-height:1.85;color:var(--muted);max-width:405px;margin:23px 0 0}.steps article{display:flex;gap:24px;border-top:1px solid var(--line);padding:27px 0 25px}.steps article:first-child{padding-top:0;border:0}.steps article:last-child{padding-bottom:0}.step-number{font-size:11px;font-family:Consolas,monospace;color:var(--accent);padding-top:5px}.steps h3{font-weight:500;font-size:20px;letter-spacing:-.4px;margin:0 0 10px}.steps p{font-size:14px;color:var(--muted);line-height:1.8;margin:0;max-width:410px}.about-strip{background:#eae8e1;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.about-inner{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-block:28px}.about-inner .eyebrow{margin:0;max-width:180px}.about-inner>p:nth-child(2){font-size:13px;line-height:1.8;margin:0}.location{font-size:9px;letter-spacing:1.4px;color:var(--muted)}.contact{display:flex;justify-content:space-between;gap:50px;align-items:center;padding-block:85px}.contact>div>p:last-child{font-size:14px;line-height:1.8;color:var(--muted);max-width:370px;margin:20px 0 0}.contact-detail{display:flex;flex-direction:column;min-width:330px;gap:8px;font-size:13px}.contact-name{font-size:17px;font-weight:600}.contact-phone{font-size:32px;letter-spacing:-1px;margin:18px 0 8px;border-bottom:1px solid var(--ink);padding-bottom:16px;display:flex;justify-content:space-between;gap:26px}.contact-phone:hover{color:var(--accent)}.contact-note{font-size:11px;color:var(--muted)}.footer{display:flex;justify-content:space-between;gap:20px;padding-block:25px;border-top:1px solid var(--line);font-size:10px;color:var(--muted);line-height:1.8}.footer a{color:var(--ink)}@media(min-width:1600px){.hero{gap:75px}}@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.header{padding:20px 32px}.hero{gap:30px;padding-top:60px}h1{letter-spacing:-3px;font-size:60px}.hero-lead{font-size:17px}.visual-top{font-size:8px}.approach{gap:40px}.about-inner{gap:25px}.location{display:none}.contact-detail{min-width:290px}.contact-phone{font-size:29px}}@media(max-width:720px){.wrap{width:calc(100% - 40px)}.header{padding:15px 20px;align-items:center;gap:12px}.brand{gap:9px}.brand img{width:53px;height:40px}.brand>span{font-size:8px;letter-spacing:1px}nav{gap:16px;font-size:11px}nav a:nth-child(2){display:none}.nav-contact{padding:10px 12px;gap:10px}.hero{grid-template-columns:1fr;padding-top:44px;padding-bottom:65px;gap:30px}h1{font-size:65px;letter-spacing:-3px;line-height:1.02}.eyebrow{font-size:9px;letter-spacing:1.7px;margin-bottom:20px}.hero-lead{font-size:18px;max-width:540px}.hero-detail{max-width:540px}.hero-visual{transform:none}.model-image{aspect-ratio:1.6}.visual-top{font-size:8px}.hero-visual figcaption{padding:14px 17px}.examples{padding-top:50px}.section-head{display:block;margin-bottom:30px}.section-head>p{max-width:440px;margin-top:20px}.video-grid{gap:35px;grid-template-columns:1fr}.video-meta h3{font-size:21px}.library-footer{display:block;margin-top:35px}.library-footer a{display:inline-block;margin-top:12px}.approach{padding-block:55px;grid-template-columns:1fr;gap:35px}h2{font-size:35px;letter-spacing:-1px}.approach-heading>p:last-child{max-width:520px}.about-inner{display:block;padding-block:25px}.about-inner .eyebrow{max-width:none;margin-bottom:10px}.contact{display:block;padding-block:55px}.contact-detail{margin-top:35px;min-width:0;max-width:360px}.contact-phone{font-size:30px}.footer{flex-wrap:wrap;gap:10px 20px}.footer>span:first-child{width:100%}.footer a{margin-left:auto}}@media(max-width:370px){.brand>span{display:none}h1{font-size:56px}.nav-contact{gap:8px}.contact-phone{font-size:26px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.model-image{position:relative}.hero-watch{position:absolute;left:16px;bottom:18px;background:#191840e6;color:white;font-size:10px;letter-spacing:1px;padding:12px 15px}.video-card.featured{grid-column:1/-1;background:#262249;padding:22px;display:grid;grid-template-columns:1.55fr 1fr;column-gap:30px;align-content:center}.featured .video-stage{grid-row:1/3}.featured .video-meta{align-self:end;margin-top:0}.featured .video-meta h3{font-size:30px}.featured .video-description{align-self:start;margin-top:15px}.featured .video-category{color:#c8e5b8}@media(max-width:720px){.video-card.featured{display:block;padding:14px}.featured .video-meta{margin-top:20px}.featured .video-meta h3{font-size:23px}.hero-watch{font-size:8px;left:10px;bottom:10px;padding:10px}.featured .video-description{padding-bottom:6px}}
.video-stage video{width:100%;height:100%;display:block;background:#111}.video-card.profile{grid-column:1/-1;border-top:1px solid #514c73;padding-top:35px;display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.profile .video-stage{grid-row:1/3}.profile .video-meta{align-self:end}.profile .video-description{align-self:start}@media(max-width:720px){.video-card.profile{display:block}.profile .video-meta{margin-top:20px}}
/* The approved overview leads into the complete project library. */
.hero-with-intro{display:flex;flex-direction:column;align-items:stretch;gap:28px;padding-top:48px;padding-bottom:58px;max-width:1120px}
.hero-with-intro h1{font-size:clamp(42px,5.2vw,70px);line-height:1.06;letter-spacing:-2.8px;max-width:1050px;margin-bottom:0}
.hero-with-intro .eyebrow{margin-bottom:18px}
.intro-film{margin:0;background:var(--ink);border:1px solid #bdbbc9;scroll-margin-top:20px}
.intro-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 20px;background:#e7e7ed}
.intro-kicker{font-family:Consolas,monospace;font-size:10px;letter-spacing:1px;line-height:1.5}
.intro-watch{border:0;cursor:pointer;padding:15px 18px;gap:12px;text-align:left;line-height:1.4;min-height:48px}
.intro-watch[hidden]{display:none}
.intro-stage{background:#0b2032}
.intro-stage video:focus-visible{outline:3px solid #c8e5b8;outline-offset:-4px}
.intro-film figcaption{display:flex;align-items:center;gap:10px;padding:17px 20px;color:white;font-size:12px;line-height:1.5}
.intro-duration{margin-left:auto;font-family:Consolas,monospace;letter-spacing:1px;white-space:nowrap;color:var(--lime)}
.intro-status{margin:0;color:white;font-size:13px;line-height:1.6}
.intro-status:not(:empty){padding:0 20px 16px}
.intro-summary{display:flex;align-items:center;justify-content:space-between;gap:38px;padding-top:4px}
.intro-summary .hero-lead{max-width:680px;margin-bottom:12px}
.intro-summary .hero-detail{max-width:680px;margin-bottom:0}
.intro-summary>.button{flex-shrink:0}
@media(max-width:720px){.hero-with-intro{padding-top:34px;padding-bottom:40px;gap:23px}.hero-with-intro h1{font-size:clamp(38px,8.9vw,60px);letter-spacing:-1.8px}.intro-bar{flex-direction:column;align-items:stretch;gap:11px;padding:14px}.intro-kicker{font-size:9px}.intro-watch{justify-content:center;gap:10px;padding:14px 10px;font-size:12px}.intro-film figcaption{padding:14px;font-size:11px}.intro-summary{display:block}.intro-summary>.button{margin-top:22px}.intro-summary .hero-lead{font-size:17px}}
.hero-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.hero-panels>figure{min-width:0;margin:0;transform:none;align-self:stretch;background:var(--ink);border:1px solid #bdbbc9}
.hero-panels .intro-bar,.hero-panels .visual-top{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px;padding:18px;background:#e7e7ed;border-bottom:0}
.hero-panels .intro-kicker{font:10px/15px Consolas,monospace;letter-spacing:1px}
.hero-panels .intro-watch,.hero-ups-link{justify-content:center;min-height:50px;padding:14px 10px;font:600 13px/1.4 Arial,Helvetica,sans-serif;letter-spacing:0;gap:12px}
.hero-panels .model-image{aspect-ratio:16/9;background:#0b2032}
.hero-panels .model-image img{object-fit:contain}
.hero-panels figcaption{min-height:68px;padding:16px 18px;font-size:12px;line-height:1.5}
.hero-ups .model-image:focus-visible{outline-offset:-4px}
@media(max-width:900px){.hero-panels{grid-template-columns:1fr;gap:24px}.hero-panels .intro-bar,.hero-panels .visual-top{padding:14px}.hero-panels figcaption{min-height:60px;padding:14px}.hero-panels .intro-watch,.hero-ups-link{font-size:12px}}

.video-load-status{position:absolute;bottom:0;left:0;right:0;margin:0;padding:.7rem 1rem;background:rgba(255,255,255,.94);color:#183c59;font-size:.9rem;pointer-events:none;}

.entry-content{line-height:1.7}.entry-content a{text-decoration:underline}
