/*
Theme Name: Loco Influencer / Culture Lab
Theme URI: https://influencer.onscreennow.com/
Author: Group HQ Studio
Description: Bespoke, responsive, accessible WordPress theme with published launch content, schema and secure contact form. Install as a theme.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: loco-influencer
License: GPL-2.0-or-later
*/

:root{--bg:#0c1622;--ink:#f2f0e9;--accent:#c6a875;--paper:#f5f3ed;--muted:#aab1b9;--line:rgba(255,255,255,.15);--radius:18px;--max:1240px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.57;-webkit-font-smoothing:antialiased}body.nav-open{overflow:hidden}a{color:inherit;text-decoration:none}a:hover,a:focus-visible{color:var(--accent)}button,input,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.09}h1{letter-spacing:-.065em}h2{font-size:clamp(2.4rem,5vw,5.2rem);letter-spacing:-.055em}h3{font-size:clamp(1.3rem,2vw,1.8rem)}p{max-width:68ch}em{font-style:italic}::selection{background:var(--accent);color:var(--bg)}.container{max-width:var(--max);margin:0 auto;padding-inline:clamp(20px,4vw,64px)}.skip-link{position:absolute;top:-60px;left:12px;background:#fff;color:#000;padding:10px 18px;z-index:999}.skip-link:focus{top:10px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.site-header{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-bottom:1px solid var(--line);transition:box-shadow .2s}.site-header.scrolled{box-shadow:0 10px 45px #0002}.header-inner{height:81px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{display:flex;align-items:center;gap:.75rem;font-size:.85rem;font-weight:800;letter-spacing:-.015em;white-space:nowrap}.brand-mark{font-weight:900;letter-spacing:-.075em;font-size:1.4rem;color:var(--accent)}.site-nav{display:flex;gap:clamp(14px,2vw,30px);align-items:center}.site-nav>a{font-size:.76rem;letter-spacing:.045em;font-weight:750;opacity:.88;transition:opacity .2s}.site-nav>a:hover,.site-nav>a[aria-current]{opacity:1;color:var(--accent)}.menu-toggle{display:none;background:none;border:0;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-toggle span:not(.sr-only){width:25px;height:2px;background:currentColor;display:block}.eyebrow{font-weight:800;letter-spacing:.2em;text-transform:uppercase;font-size:.68rem;color:var(--accent);display:block}.section{padding-block:clamp(75px,10vw,145px)}.btn{display:inline-flex;align-items:center;gap:18px;padding:16px 25px;border-radius:3px;font-weight:750;letter-spacing:.012em;font-size:.86rem;transition:transform .25s,box-shadow .25s,background .25s;border:1px solid currentColor;min-height:54px}.btn:hover{transform:translateY(-3px)}.btn-primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}.btn-primary:hover{background:transparent;color:var(--accent)}.btn-outline{border-color:var(--line)}.btn-outline:hover{border-color:var(--accent)}.btn-dark{background:var(--bg);border-color:var(--bg);color:var(--paper)}.btn-dark:hover{background:transparent;color:var(--bg)}.text-link{font-size:.85rem;font-weight:800;letter-spacing:.02em;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:7px}.section-top{display:grid;grid-template-columns:1fr 2fr;gap:3rem;align-items:start;margin-bottom:3rem}.section-top>div>p{font-size:1.1rem;line-height:1.8;opacity:.8}.journal-head{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:3rem}.journal-head .text-link{margin-bottom:12px}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.post-card{min-height:320px;border:1px solid var(--line);padding:clamp(22px,3vw,36px);display:flex;flex-direction:column;align-items:flex-start;transition:transform .25s,border-color .25s,background .25s}.post-card:hover{transform:translateY(-5px);border-color:var(--accent)}.post-card-index{font-size:.7rem;letter-spacing:.14em;font-weight:800;color:var(--accent);text-transform:uppercase;margin-bottom:36px}.post-card h3{font-size:clamp(1.45rem,2.5vw,2.2rem);line-height:1.12;letter-spacing:-.04em}.post-card h3 a:hover{color:var(--accent)}.post-card>p{font-size:.9rem;opacity:.8;margin-bottom:30px}.post-card .text-link{margin-top:auto}.cta-section,.prince-cta,.loco-cta{padding-block:clamp(85px,12vw,160px)}.cta-inner{max-width:900px}.cta-inner h2{font-size:clamp(3.3rem,8vw,9rem);margin:22px 0 38px}.site-footer{background:#090d14;border-top:1px solid var(--line);padding-top:75px;color:#eae9e5}.footer-grid{display:grid;grid-template-columns:2.2fr 1fr 1fr;gap:4rem;padding-bottom:60px}.footer-brand{font-size:1.4rem;font-weight:900;letter-spacing:-.04em}.footer-intro>p{opacity:.64;font-size:.9rem;margin-top:14px}.footer-column{display:flex;flex-direction:column;gap:9px}.footer-column strong{font-size:.69rem;text-transform:uppercase;letter-spacing:.15em;color:var(--accent);margin-bottom:14px}.footer-column>a{font-size:.86rem;color:#e4e4e6bb}.footer-column>a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:1rem;padding-top:23px;padding-bottom:35px;font-size:.75rem;color:#b2b6bd;flex-wrap:wrap}.footer-bottom a{text-decoration:underline;text-underline-offset:3px}.social-link span{margin-left:3px}
.inner-page{min-height:60vh;padding-top:85px;padding-bottom:120px}.page-head{max-width:1000px;border-bottom:1px solid var(--line);padding-bottom:52px;margin-bottom:65px}.page-head h1{font-size:clamp(3.4rem,7vw,7.7rem);margin:20px 0 24px}.page-meta{font-size:.8rem;opacity:.63;letter-spacing:.08em;text-transform:uppercase}.page-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:8vw;align-items:start}.rich-content{max-width:800px;font-size:1.09rem;line-height:1.95}.rich-content p{margin:0 0 1.3em;color:inherit;opacity:.88}.rich-content .lead-copy{font-size:clamp(1.3rem,2.3vw,1.85rem);line-height:1.6;font-weight:600;opacity:1}.rich-content h2{font-size:clamp(1.8rem,3vw,2.65rem);margin:2.1em 0 .7em;letter-spacing:-.04em}.rich-content h3{margin:2em 0 .7em}.rich-content a:not(.btn):not(.publication-card){text-decoration:underline;text-underline-offset:4px}.rich-content ul{padding-left:24px}.rich-content li{margin:8px 0}.page-aside{position:sticky;top:120px}.aside-box{padding:28px;border:1px solid var(--line)}.aside-box h3{font-size:1.6rem;line-height:1.25;margin:20px 0}.aside-box p{font-size:.85rem;opacity:.7}.aside-social{display:flex;flex-direction:column;gap:12px;font-size:.8rem;margin:26px}.publication-list{display:grid;gap:13px;margin-top:25px}.publication-card{display:flex;flex-direction:column;gap:6px;padding:22px;border:1px solid var(--line)}.publication-card span{font-size:.71rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.publication-card strong{font-size:1.2rem;line-height:1.3}.publication-card small{opacity:.72}.venture-links{display:flex;flex-wrap:wrap;gap:15px;margin-top:30px}.venture-links>a{padding:12px 17px;border:1px solid var(--line)}.article-main{max-width:1150px}.back-row{margin-bottom:45px}.article-heading{max-width:950px}.article-deck{font-size:clamp(1.3rem,2.5vw,1.9rem);line-height:1.55;opacity:.85}.article-byline{opacity:.6;font-size:.8rem;letter-spacing:.06em}.article-body{max-width:740px;margin-inline:auto}.article-outro{border-top:1px solid var(--line);margin:60px auto 0;max-width:740px;padding-top:35px}.article-outro h2{font-size:2.4rem}.error-page{min-height:72vh}.error-page h1{max-width:850px;font-size:clamp(3rem,6vw,6rem)}.pagination{margin:35px auto}
.contact-form{border:1px solid var(--line);padding:clamp(20px,4vw,40px);margin-top:45px}.contact-form form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label{display:flex;flex-direction:column;gap:8px;font-weight:700;font-size:.88rem}.contact-form input:not([type=checkbox]),.contact-form textarea{background:transparent;border:1px solid var(--line);color:inherit;padding:12px 14px;width:100%;border-radius:2px;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}.contact-form .consent{display:flex;flex-direction:row;align-items:flex-start;font-size:.78rem;line-height:1.65;font-weight:400;gap:12px}.contact-form .consent input{margin-top:5px}.contact-form .btn{align-self:flex-start}.contact-honeypot{position:absolute;left:-9999px;opacity:0;width:1px;height:1px}.form-state{padding:14px 18px;border:1px solid var(--line)}.form-state.success{border-color:#3ca889}.form-state.error{border-color:#cb6565}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media(max-width:900px){.menu-toggle{display:flex;z-index:4}.site-nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--bg);padding:24px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line);max-height:calc(100vh - 80px);overflow:auto}.site-nav.is-open{display:flex}.site-nav>a{font-size:1rem;padding:16px 10px;border-bottom:1px solid var(--line)}.footer-grid{grid-template-columns:1.5fr 1fr 1fr;gap:2rem}.page-layout{grid-template-columns:1fr}.page-aside{position:static;display:flex;gap:15px}.aside-box{flex:1}.aside-social{flex:1;margin:20px;justify-content:center}.section-top{grid-template-columns:1fr;gap:1rem}}
@media(max-width:640px){.header-inner{height:72px}.site-nav{top:71px;max-height:calc(100vh - 71px)}.brand-name{font-size:.75rem}.container{padding-inline:20px}.section{padding-block:72px}.footer-grid{grid-template-columns:1fr 1fr;gap:2.5rem}.footer-intro{grid-column:span 2}.footer-bottom{flex-direction:column}.post-grid{grid-template-columns:1fr}.post-card{min-height:270px}.journal-head{align-items:start;flex-direction:column}.section-top h2{margin-bottom:18px}.inner-page{padding-top:60px;padding-bottom:85px}.page-head{margin-bottom:42px;padding-bottom:35px}.page-head h1{font-size:clamp(2.7rem,11vw,4.5rem)}.page-aside{display:block}.aside-social{margin:22px 0}.form-row{grid-template-columns:1fr}.contact-form{padding:19px}.cta-inner h2{font-size:clamp(3rem,13vw,5rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1!important;transform:none!important}}

:root{--bg:#faf7f0;--ink:#241a39;--accent:#6339ce;--paper:#faf7f0;--muted:#645b69;--line:rgba(38,26,54,.17);--max:1320px}
body{background:#faf7f0}.brand{font-size:.9rem;font-weight:950}.brand-mark{font-size:1.45rem;font-weight:950;transform:rotate(-3deg);padding:6px;background:#25163f;color:#ffea6b}.brand-name{display:none}.site-header{background:#faf7f0ec}.site-nav>a{font-weight:900}.site-nav>a:hover{color:#6339ce}.eyebrow{color:#6339ce}.btn-primary{color:#fff}.btn-primary:hover{color:#6339ce}.loco-hero{background:#f7eddd;position:relative;overflow:hidden}.loco-hero-grid{min-height:700px;padding-top:95px;padding-bottom:70px;display:grid;grid-template-columns:1.2fr .8fr;gap:3vw;align-items:center}.loco-intro h1{font-size:clamp(3rem,5vw,7rem);line-height:.97;letter-spacing:-.09em;font-weight:950;margin:25px 0 30px;white-space:normal}.loco-intro h1 span{color:#fe715c}.loco-intro h1 .punct{color:#6432ce}.loco-hero-actions{display:flex;gap:30px;align-items:center}.loco-hero-actions p{max-width:410px;font-size:1rem;line-height:1.65}.loco-hero-actions .btn{flex-shrink:0}.loco-composition{position:relative;min-height:550px;display:grid;place-items:center;transform:rotate(3deg)}.composition-card{position:absolute;display:flex;flex-direction:column;justify-content:space-between;box-shadow:14px 16px 0 #1a103a2a}.card-1{width:72%;max-width:340px;aspect-ratio:4/5;background:#6437d5;color:#fff;border-radius:26px;padding:25px;left:4%;top:5%;transform:rotate(-12deg)}.card-1:after{content:'✺';position:absolute;right:30px;top:80px;font-size:8rem;color:#f4e35c;line-height:1}.card-1>span,.card-1 small{font-size:.6rem;letter-spacing:.15em;font-weight:900;position:relative;z-index:2}.card-1 strong{font-size:clamp(4.5rem,6vw,8rem);line-height:.95;letter-spacing:-.1em;position:relative;z-index:2}.card-2{width:65%;max-width:270px;aspect-ratio:4/4.5;background:#f8755b;color:#2a133d;right:0;bottom:3%;padding:28px;border-radius:25px;transform:rotate(9deg)}.card-2 b{font-size:2.5rem;line-height:1;letter-spacing:-.06em}.squiggle{font-size:6rem;transform:rotate(15deg);line-height:1}.composition-disc{position:absolute;top:0;right:0;width:100px;height:100px;background:#f0e95f;border-radius:50%;display:grid;place-items:center;font-size:5rem;color:#33204c;transform:rotate(14deg)}.loco-hero-foot{display:flex;justify-content:space-between;padding-bottom:22px;font-size:.65rem;font-weight:900;letter-spacing:.14em}.loco-ticker{background:#25143e;color:#f4e75b;font-size:1.15rem}.loco-pillars{background:#faf7f0}.section-top h2{font-size:clamp(3rem,6vw,6rem);font-weight:950}.section-top em,.journal-head em{font-style:normal;color:#fe715c}.section-top p{max-width:590px}.loco-pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.loco-pillar{min-height:390px;padding:32px;display:flex;flex-direction:column;justify-content:space-between;border-radius:20px;transition:transform .3s}.loco-pillar:hover{transform:translateY(-8px) rotate(-1deg)}.loco-pillar>span{font-size:.7rem;font-weight:900;letter-spacing:.13em}.loco-pillar .card-icon{font-size:7rem;line-height:1;align-self:flex-end}.loco-pillar h3{font-size:2.3rem;margin:0;letter-spacing:-.055em}.loco-pillar p{font-size:.92rem;line-height:1.65;margin:0;max-width:300px}.lp-one{background:#e6ddff;color:#25143f}.lp-two{background:#ffb996;color:#2a183a}.lp-three{background:#e9e769;color:#2a193c}.loco-process{background:#281543;color:#f9f5f4}.loco-process .eyebrow{color:#e7d267}.loco-process em{color:#e6e269}.process-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:50px;border-top:1px solid #ffffff40}.process-strip>div{border-right:1px solid #ffffff40;padding:24px 18px 10px 0}.process-strip>div:last-child{border-right:0}.process-strip span{color:#e7d267;font-size:.72rem;font-weight:900;letter-spacing:.1em}.process-strip h3{font-size:1.6rem;margin:60px 0 10px}.process-strip p{color:#cbbfd7;font-size:.88rem}.loco-journal{background:#f1ece2}.loco-journal .post-card{background:#fff;border-color:#32154530}.loco-journal .post-card:hover{background:#f6e9ff}.loco-journal .post-card-index{color:#6342ce}.loco-cta{background:#ec7359;color:#27163d}.loco-cta .eyebrow{color:#27163d}.loco-cta em{font-style:normal;color:#fff6cf}.loco-cta .btn-dark:hover{color:#27163d}.site-footer{background:#271541;color:#fff8f4}.footer-column strong{color:#e4e66d}.inner-page{background:#faf7f0}.rich-content h2{color:#6339ce}.post-grid .post-card{background:#fff;border-color:#29143d26}.post-card-index{color:#6339ce}.post-card:hover{background:#fff6e9}.aside-box,.contact-form{background:#fff;border-color:#29143d2c}
@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:1100px){.loco-hero-grid{grid-template-columns:1.2fr .8fr}.loco-intro h1{font-size:clamp(3rem,5vw,6.5rem)}.loco-hero-actions{display:block}.loco-hero-actions .btn{margin-top:10px}.card-1{width:83%}.card-2{width:69%}.loco-pillar{min-height:335px}.loco-pillar .card-icon{font-size:5rem}}
@media(max-width:740px){.loco-hero-grid{grid-template-columns:1fr;padding-top:70px;padding-bottom:30px;gap:20px}.loco-intro h1{font-size:clamp(2.35rem,8.4vw,5rem)}.loco-composition{min-height:380px;max-width:500px}.card-1{height:310px;width:56%;top:2%;left:15%}.card-1 strong{font-size:5rem}.card-2{height:260px;width:50%;right:8%;bottom:0}.card-2 b{font-size:1.9rem}.composition-disc{right:2%;width:70px;height:70px;font-size:3rem}.loco-hero-foot{gap:15px;flex-wrap:wrap}.loco-pillars-grid{grid-template-columns:1fr}.loco-pillar{min-height:280px}.process-strip{grid-template-columns:1fr 1fr}.process-strip>div:nth-child(2){border-right:0}.process-strip h3{margin-top:25px}}
