1import{_ as e,a as t,c as n,d as r,f as i,g as a,i as o,l as s,m as c,n as l,o as u,p as d,r as f,s as p,t as m,u as h,v as g}from"./index-BjFUpHJp.js";var _=g(e(),1),v=a();function y({className:e=``,color:t=`currentColor`}){return(0,v.jsx)(`svg`,{viewBox:`0 0 100 50`,className:e,"aria-hidden":`true`,children:(0,v.jsx)(`path`,{d:`M0 50 A50 50 0 0 1 100 50 Z`,fill:t})})}function b({className:e=``,tone:t=`slate`}){return(0,v.jsx)(`a`,{href:`#top`,className:`inline-block transition-opacity duration-300 hover:opacity-70 ${e}`,"aria-label":`Mattina Media Group â home`,children:(0,v.jsx)(`img`,{src:t===`cream`?`/logo-cream.svg`:`/logo.svg`,alt:`Mattina Media Group`,width:`422`,height:`161`,className:`h-11 w-auto md:h-12`})})}function x({href:e=`#contact`,children:t,variant:n=`solid`,className:r=``}){return(0,v.jsxs)(`a`,{href:e,className:`group inline-flex items-center gap-3 rounded-full px-7 py-3.5 font-condensed text-[0.8rem] font-bold uppercase tracking-[0.2em] transition-all duration-300 ${{solid:`bg-ember text-alabaster hover:bg-slate`,outline:`border border-slate/25 text-slate hover:border-slate hover:bg-slate hover:text-alabaster`,cream:`bg-alabaster text-slate hover:bg-citrine`}[n]} ${r}`,children:[t,(0,v.jsx)(`span`,{className:`transition-transform duration-300 group-hover:translate-x-1`,children:`â`})]})}function S({children:e,tone:t=`ember`,className:n=``}){return(0,v.jsxs)(`div`,{className:`flex items-center gap-3 ${t===`cream`?`text-alabaster/55`:t===`slate`?`text-slate/50`:`text-ember`} ${n}`,children:[(0,v.jsx)(y,{className:`h-[9px] w-[18px]`}),(0,v.jsx)(`span`,{className:`eyebrow`,children:e})]})}function C({children:e,delay:t=0,duration:n,className:r=``,active:i}){let a=(0,_.useRef)(null),[o,s]=(0,_.useState)(!1),[c,l]=(0,_.useState)(!1),u=i!==void 0,d=u?i:c,f=l;return(0,_.useEffect)(()=>{if(u){s(!0);return}let e=a.current;if(!e||typeof IntersectionObserver>`u`)return;s(!0);let t=new IntersectionObserver(([e])=>{e.isIntersecting&&(f(!0),t.disconnect())},{threshold:.12,rootMargin:`0px 0px -60px 0px`});t.observe(e);let n=setTimeout(()=>{let t=e.getBoundingClientRect();t.top<window.innerHeight&&t.bottom>0&&f(!0)},2500);return()=>{t.disconnect(),clearTimeout(n)}},[]),(0,v.jsx)(`div`,{ref:a,"data-armed":o?`true`:void 0,className:`reveal ${d?`is-in`:``} ${r}`,style:{animationDelay:`${t}ms`,animationDuration:n?`${n}ms`:void 0},children:e})}function w({id:e,children:t,className:n=``,inner:r=``}){return(0,v.jsx)(`section`,{id:e,className:`px-6 py-24 md:px-10 md:py-32 lg:py-40 ${n}`,children:(0,v.jsx)(`div`,{className:`mx-auto w-full max-w-[1180px] ${r}`,children:t})})}function T(){let[e,t]=(0,_.useState)(!1),[r,i]=(0,_.useState)(!1);return(0,_.useEffect)(()=>{let e=()=>t(window.scrollY>24);return e(),window.addEventListener(`scroll`,e,{passive:!0}),()=>window.removeEventListener(`scroll`,e)},[]),(0,_.useEffect)(()=>{document.body.style.overflow=r?`hidden`:``},[r]),(0,v.jsxs)(`header`,{className:`fixed inset-x-0 top-0 z-50 [transition:background-color_300ms_ease,padding_300ms_ease] ${r?`bg-alabaster py-4`:e?`bg-alabaster/90 py-4 backdrop-blur-md`:`py-7`}`,children:[(0,v.jsxs)(`div`,{className:`relative z-50 mx-auto flex w-full max-w-[1180px] items-center justify-between px-6 md:px-10`,children:[(0,v.jsx)(b,{}),(0,v.jsxs)(`nav`,{className:`hidden items-center gap-9 lg:flex`,children:[n.map(e=>(0,v.jsx)(`a`,{href:e.href,className:`font-condensed text-[0.78rem] font-bold uppercase tracking-[0.2em] text-slate/65 transition-colors hover:text-ember`,children:e.label},e.href)),(0,v.jsxs)(`a`,{href:l.primary.href,className:`group inline-flex items-center gap-2 rounded-full bg-slate px-6 py-3 font-condensed text-[0.78rem] font-bold uppercase tracking-[0.18em] text-alabaster transition-colors hover:bg-ember`,children:[l.primary.label,(0,v.jsx)(`span`,{className:`transition-transform duration-300 group-hover:translate-x-1`,children:`â`})]})]}),(0,v.jsxs)(`button`,{onClick:()=>i(e=>!e),className:`flex h-10 w-10 flex-col items-center justify-center gap-[5px] lg:hidden`,"aria-label":r?`Close menu`:`Open menu`,"aria-expanded":r,children:[(0,v.jsx)(`span`,{className:`h-[1.5px] w-6 bg-slate transition-transform duration-300 ${r?`translate-y-[6.5px] rotate-45`:``}`}),(0,v.jsx)(`span`,{className:`h-[1.5px] w-6 bg-slate transition-opacity duration-300 ${r?`opacity-0`:``}`}),(0,v.jsx)(`span`,{className:`h-[1.5px] w-6 bg-slate transition-transform duration-300 ${r?`-translate-y-[6.5px] -rotate-45`:``}`})]})]}),(0,v.jsxs)(`div`,{"aria-hidden":!r,className:`fixed inset-0 z-40 flex flex-col justify-center overflow-y-auto bg-alabaster px-8 will-change-[op
1acity,transform] [transition:opacity_260ms_ease,transform_260ms_cubic-bezier(0.22,1,0.36,1),visibility_260ms] lg:hidden ${r?`pointer-events-auto visible translate-y-0 opacity-100`:`pointer-events-none invisible -translate-y-2 opacity-0`}`,children:[n.map((e,t)=>(0,v.jsx)(`a`,{href:e.href,onClick:()=>i(!1),className:`display border-b border-slate/10 py-5 text-4xl text-slate will-change-[opacity,transform] [transition:opacity_320ms_ease,transform_320ms_cubic-bezier(0.22,1,0.36,1),color_200ms_ease] hover:text-ember ${r?`translate-y-0 opacity-100`:`translate-y-2 opacity-0`}`,style:{transitionDelay:r?`${80+t*45}ms`:`0ms`},children:e.label},e.href)),(0,v.jsxs)(`a`,{href:l.primary.href,onClick:()=>i(!1),className:`mt-10 inline-flex w-fit items-center gap-3 rounded-full bg-ember px-8 py-4 font-condensed text-sm font-bold uppercase tracking-[0.2em] text-alabaster will-change-[opacity,transform] [transition:opacity_320ms_ease,transform_320ms_cubic-bezier(0.22,1,0.36,1)] ${r?`translate-y-0 opacity-100`:`translate-y-2 opacity-0`}`,style:{transitionDelay:r?`${80+n.length*45}ms`:`0ms`},children:[l.primary.label,` `,(0,v.jsx)(`span`,{children:`â`})]})]})]})}var E={line1:150,line2:600,line3:1050,rest:1600};function D(){return(0,v.jsxs)(`section`,{id:`top`,className:`relative overflow-hidden px-6 pb-24 pt-36 text-center md:px-10 md:pb-28 md:pt-44`,children:[(0,v.jsx)(`div`,{className:`pointer-events-none absolute left-1/2 top-[42%] h-[32rem] w-[32rem] -translate-x-1/2 -translate-y-1/2 rounded-full opacity-70 blur-[3px] md:h-[44rem] md:w-[44rem]`,style:{background:`radial-gradient(circle at 50% 50%, var(--color-citrine) 0%, var(--color-sand) 40%, transparent 66%)`},"aria-hidden":`true`}),(0,v.jsxs)(`div`,{className:`relative mx-auto w-full max-w-[1180px]`,children:[(0,v.jsxs)(`h1`,{className:`display text-[clamp(1.85rem,3.6vw,3rem)] leading-[1.12]`,children:[(0,v.jsxs)(`span`,{className:`hero-in block`,style:{animationDelay:`${E.line1}ms`},children:[p.line1Before,(0,v.jsx)(`span`,{className:`pb-[0.22em] -mb-[0.22em] text-ember`,children:p.rollingWords[0]}),p.line1After]}),(0,v.jsxs)(`span`,{className:`hero-in block`,style:{animationDelay:`${E.line2}ms`},children:[p.line2Before,(0,v.jsx)(`span`,{className:`text-ember`,children:p.line2Accent}),p.line2After]}),(0,v.jsx)(`span`,{className:`hero-in block lg:whitespace-nowrap`,style:{animationDelay:`${E.line3}ms`},children:p.line3})]}),(0,v.jsxs)(`div`,{className:`hero-in`,style:{animationDelay:`${E.rest}ms`},children:[(0,v.jsx)(`p`,{className:`mx-auto mt-8 max-w-[52ch] leading-relaxed text-slate/75 md:text-lg`,children:p.body}),(0,v.jsxs)(`div`,{className:`mt-10 flex flex-wrap items-center justify-center gap-4`,children:[(0,v.jsx)(x,{href:l.primary.href,children:l.primary.label}),(0,v.jsx)(`a`,{href:`#difference`,className:`inline-flex items-center gap-2 font-condensed text-[0.8rem] font-bold uppercase tracking-[0.2em] text-slate/60 underline decoration-slate/25 underline-offset-[6px] transition-colors hover:text-slate hover:decoration-ember`,children:`See how we work`})]})]})]})]})}var O=`h-[calc(1.75rem*var(--logo-scale))] w-auto max-w-[150px] object-contain opacity-45 transition-opacity duration-300 hover:opacity-90 md:h-[calc(2.25rem*var(--logo-scale))]`;function k({logo:e,duplicate:t}){let n=(0,v.jsx)(`img`,{src:e.file,alt:e.name,className:O,style:{"--logo-scale":e.scale??1},loading:`lazy`});return e.href?(0,v.jsx)(`a`,{href:e.href,target:`_blank`,rel:`noopener noreferrer`,tabIndex:t?-1:void 0,"aria-label":`${e.name} â opens in a new tab`,className:`shrink-0 rounded focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-ember`,children:n}):n}function A(){let e=(0,_.useRef)(null),t=(0,_.useRef)(null),[n,r]=(0,_.useState)(2);return(0,_.useEffect)(()=>{let n=()=>{let n=t.current?.offsetWidth,i=e.current?.offsetWidth;!n||!i||r(Math.max(2,Math.ceil(i/n)+1))};return n(),document.fonts?.ready&&document.fonts.ready.then(n),window.addEventListener(`resize`,n),()=>window.removeEventListener(`resize`,n)},[]),(0,v.jsxs)(`section`,{className:`overflow-hidden border-b border-slate/10 bg-sand-light py-16 md:py-20`,children:[(0,v.jsx)(`div`,{className:`mx-auto w-full max-w-[1180px] px-6 md:px-10`,children:(0,v.jsx)(C,{children:(0,v.jsx)(S,{children:c.label})})}),(0,v.jsx)(`div`,{ref:e,className:`marquee relative mt-8 flex overflow-hidden [mask-image:linear-gradient(to_right,transparent,black_8%,black_92%,transparent)]`,children:Array.from({length:n},(e,n)=>(0,v.jsx)(`div`,{ref:n===0?t:void 0,"aria-hidden":n>0,className:`marquee-track flex shrink-0 items-center gap-16 pr-16 md:gap-24 md:pr-24`,children:c.logos.map(e=>(0,v.jsx)(k,{logo:e,duplicate:n>0},e.name))},n))})]})}function j(){return(0,v.jsx)(w,{id:`results`,className:`bg-slate text-alabaster`,children:(0,v.jsxs)(`div`,{className:`grid gap-14 lg:grid-cols-[0.9fr_1.1fr] lg:gap-20`,children:[(0,v.jsx)(`div`,{className:`lg:sticky lg:top-32 lg:self-start`,children:(0,v.jsxs)(C,{children:[(0,v.jsx)(S,{tone:`cream`,children:s.eyebrow}),(0,v.jsx)(`h2`,{className:`display mt-7 text-[clamp(2.1rem,4.4vw,3.4rem)]`,children:s.heading})]})}),(0,v.jsx)(`ul`,{className:`lg:pt-2`,children:s.items.map((e,t)=>(0,v.jsx)(C,{delay:t*90,children:(0,v.jsxs)(`li`,{className:`border-b border-alabaster/12 pb-8 ${t===0?`pt-0`:`pt-16`}`,children:[(0,v.jsxs)(`div`,{className:`flex items-baseline gap-4`,children:[(0,v.jsx)(y,{className:`h-[10px] w-[20px] shrink-0 translate-y-[-0.35rem] text-ember`}),(0,v.jsx)(`span`,{className:`display text-[clamp(2rem,3.6vw,2.9rem)] leading-none text-ember`,children:e.figure}),e.label&&(0,v.jsx)(`span`,{className:`text-[0.95rem] text-alabaster/55`,children:e.label})]}),(0,v.jsx)(`p`,{className:`mt-4 pl-9 text-[1.05rem] leading-relaxed text-alabaster/80 md:text-lg`,children:e.text})]})},e.figure))})]})})}function M(){let e=(0,_.useRef)(null),[t,n]=(0,_.useState)(!1),[r,i]=(0,_.useState)(!1);return(0,_.useEffect)(()=>{let t=e.current;if(!t||typeof IntersectionObserver>`u`)return;n(!0);let r=new IntersectionObserver(([e])=>{e.isIntersecting&&(i(!0),r.disconnect())},{threshold:.6});r.observe(t);let a=setTimeout(()=>{let e=t.getBoundingClientRect();e.top<window.innerHeight&&e.bottom>0&&i(!0)},2500);return()=>{r.disconnect(),clearTimeout(a)}},[]),(0,v.jsx)(`span`,{ref:e,"data-armed":t?`true`:void 0,className:`elbow relative ml-2 block h-[42px] w-10 align-bottom lg:ml-3 lg:inline-block lg:h-[0.5em] lg:w-14 ${r?`is-drawn`:``}
1`,"aria-hidden":`true`,children:(0,v.jsxs)(`svg`,{viewBox:`0 0 56 58`,className:`absolute left-0 top-0 h-full w-full overflow-visible text-slate/35 lg:top-[-0.28em] lg:h-auto lg:w-full`,children:[(0,v.jsx)(`path`,{className:`elbow-line`,pathLength:`1`,strokeDasharray:`1`,d:`M0 6 H30 Q44 6 44 20 V40`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.25`,strokeLinecap:`round`}),(0,v.jsx)(`path`,{className:`elbow-head`,d:`M44 50 L39.5 40 L48.5 40 Z`,fill:`currentColor`})]})})}function N({n:e,label:t,tone:n=`dark`}){let r=n===`light`?`text-alabaster/85`:`text-slate/75`;return(0,v.jsxs)(`div`,{className:`flex items-baseline gap-3`,children:[(0,v.jsx)(`span`,{className:`font-condensed text-[0.72rem] font-bold tracking-[0.22em] text-ember`,children:String(e).padStart(2,`0`)}),(0,v.jsx)(`span`,{className:`eyebrow ${r}`,children:t})]})}function P(){return(0,v.jsx)(`div`,{className:`flex items-center justify-center py-1 lg:py-0`,"aria-hidden":`true`,children:(0,v.jsx)(`svg`,{viewBox:`0 0 24 24`,className:`h-5 w-5 rotate-90 text-slate/30 lg:rotate-0`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,v.jsx)(`path`,{d:`M4 12h16M14 6l6 6-6 6`})})})}var F=1750,I=240;function L(e=.15){let t=(0,_.useRef)(null),[n,r]=(0,_.useState)(!1);return(0,_.useEffect)(()=>{let n=t.current;if(!n||typeof IntersectionObserver>`u`){r(!0);return}let i=new IntersectionObserver(([e])=>{e.isIntersecting&&(r(!0),i.disconnect())},{threshold:e,rootMargin:`0px 0px -10% 0px`});i.observe(n);let a=setTimeout(()=>{let e=n.getBoundingClientRect();e.top<window.innerHeight&&e.bottom>0&&r(!0)},2500);return()=>{i.disconnect(),clearTimeout(a)}},[e]),[t,n]}function R(){let[e,t]=L(.08);return(0,v.jsxs)(w,{id:`difference`,className:`bg-alabaster`,children:[(0,v.jsxs)(`div`,{className:`grid gap-12 lg:grid-cols-[0.85fr_1.15fr] lg:gap-20`,children:[(0,v.jsxs)(C,{children:[(0,v.jsx)(S,{children:f.eyebrow}),(0,v.jsx)(`h2`,{className:`display mt-7 text-[clamp(2.4rem,5vw,4rem)]`,children:f.heading})]}),(0,v.jsx)(C,{delay:80,children:(0,v.jsx)(`p`,{className:`text-lg leading-relaxed text-slate/75 md:text-xl`,children:f.intro})})]}),(0,v.jsxs)(`div`,{ref:e,className:`mt-14 flex flex-col gap-3 md:mt-20 lg:grid lg:grid-cols-[1fr_auto_1fr_auto_1fr] lg:gap-4`,children:[(0,v.jsx)(C,{duration:F,active:t,children:(0,v.jsxs)(`div`,{className:`flex flex-col rounded-3xl bg-sand-light p-7 md:p-8 lg:h-full`,children:[(0,v.jsx)(N,{n:1,label:f.stages.scenarios}),(0,v.jsx)(`div`,{className:`mt-6 space-y-6`,children:f.scenarios.map((e,t)=>(0,v.jsxs)(`div`,{className:t===1?`border-t border-slate/15 pt-6`:void 0,children:[(0,v.jsxs)(`span`,{className:`font-condensed text-[0.68rem] font-bold uppercase tracking-[0.26em] text-slate/40`,children:[`Scenario `,String(t+1).padStart(2,`0`)]}),(0,v.jsx)(`p`,{className:`mt-3 text-[0.95rem] leading-relaxed text-slate/80`,children:e})]},t))})]})}),(0,v.jsx)(C,{delay:I,duration:F,active:t,className:`flex items-center justify-center`,children:(0,v.jsx)(P,{})}),(0,v.jsx)(C,{delay:480,duration:F,active:t,children:(0,v.jsxs)(`div`,{className:`flex flex-col rounded-3xl bg-sand p-7 md:p-8 lg:h-full`,children:[(0,v.jsx)(N,{n:2,label:f.stages.problems}),(0,v.jsx)(`p`,{className:`display mt-6 text-[1.35rem] leading-[1.2] text-ember`,children:f.convergence}),(0,v.jsx)(`div`,{className:`mt-6 space-y-4`,children:f.problems.map((e,t)=>(0,v.jsxs)(`div`,{className:`flex items-baseline gap-3 border-t border-slate/20 pt-4`,children:[(0,v.jsx)(`span`,{className:`font-condensed text-[0.68rem] font-bold tracking-[0.2em] text-slate/40`,children:String(t+1).padStart(2,`0`)}),(0,v.jsx)(`p`,{className:`text-[0.95rem] leading-relaxed text-slate/80`,children:e})]},t))})]})}),(0,v.jsx)(C,{delay:720,duration:F,active:t,className:`flex items-center justify-center`,children:(0,v.jsx)(P,{})}),(0,v.jsx)(C,{delay:960,duration:F,active:t,children:(0,v.jsxs)(`div`,{className:`relative flex flex-col overflow-hidden rounded-3xl bg-slate p-7 text-alabaster md:p-8 lg:h-full`,children:[(0,v.jsx)(`div`,{className:`pointer-events-none absolute -bottom-32 -right-20 h-80 w-80 rounded-full opacity-45`,style:{background:`radial-gradient(circle, var(--color-ember) 0%, transparent 62%)`},"aria-hidden":`true`}),(0,v.jsxs)(`div`,{className:`relative flex h-full flex-col`,children:[(0,v.jsx)(N,{n:3,label:f.stages.answer,tone:`light`}),(0,v.jsx)(`p`,{className:`display mt-6 text-[1.6rem] leading-[1.18]`,children:f.turn}),(0,v.jsx)(`p`,{className:`mt-5 text-[0.95rem] leading-relaxed text-alabaster/70`,children:f.belief})]})]})})]}),(0,v.jsx)(C,{children:(0,v.jsxs)(`div`,{className:`mt-14 md:mt-20`,children:[(0,v.jsxs)(`p`,{className:`display text-[clamp(1.5rem,3vw,2.2rem)] leading-[1.22] text-slate lg:pb-10`,children:[f.kicker,(0,v.jsx)(`span`,{className:`hidden lg:inline`,children:(0,v.jsx)(M,{})})]}),(0,v.jsx)(`div`,{className:`mt-4 flex justify-start lg:hidden`,children:(0,v.jsx)(M,{})})]})}),(0,v.jsx)(`div`,{className:`mt-4 grid gap-px bg-slate/12 md:grid-cols-2`,children:f.pillars.map((e,t)=>(0,v.jsx)(C,{delay:t*80,children:(0,v.jsxs)(`div`,{className:`group h-full bg-alabaster p-8 transition-colors duration-500 hover:bg-sand-light md:p-11`,children:[(0,v.jsx)(y,{className:`h-[11px] w-[22px] text-ember transition-transform duration-500 group-hover:-translate-y-1`}),(0,v.jsx)(`h3`,{className:`display mt-6 text-[1.65rem] md:text-[1.9rem]`,children:e.title}),(0,v.jsx)(`p`,{className:`mt-4 leading-relaxed text-slate/70`,children:e.body})]})},t))}),(0,v.jsx)(C,{children:(0,v.jsx)(`div`,{className:`mt-14`,children:(0,v.jsx)(x,{href:l.mid.href,children:l.mid.label})})})]})}var z=7e3;function B(){let e=i.items,[t,n]=(0,_.useState)(0),[r,a]=(0,_.useState)(!0),o=(0,_.useRef)(null);(0,_.useEffect)(()=>{let e=window.matchMedia(`(prefers-reduced-motion: reduce)`),t=()=>a(!e.matches);return t(),e.addEventListener(`change`,t),()=>e.removeEventListener(`change`,t)},[]),(0,_.useEffect)(()=>
1{if(e.length<2)return;let t=setInterval(()=>n(t=>(t+1)%e.length),z);return()=>clearInterval(t)},[e.length]);let s=t=>n(n=>(n+t+e.length)%e.length);return(0,v.jsx)(w,{className:`overflow-hidden bg-sand py-14! md:py-16!`,children:(0,v.jsx)(C,{children:(0,v.jsxs)(`div`,{ref:o,role:`group`,"aria-roledescription":`carousel`,"aria-label":`Client testimonials`,tabIndex:0,onKeyDown:e=>{e.key===`ArrowRight`&&(e.preventDefault(),s(1)),e.key===`ArrowLeft`&&(e.preventDefault(),s(-1))},className:`outline-none focus-visible:ring-2 focus-visible:ring-ember/50 focus-visible:ring-offset-8 focus-visible:ring-offset-sand`,children:[(0,v.jsxs)(`div`,{className:`flex items-center justify-between gap-6`,children:[(0,v.jsx)(S,{children:i.eyebrow}),(0,v.jsxs)(`div`,{className:`flex gap-2`,children:[(0,v.jsx)(V,{label:`Previous testimonial`,onClick:()=>s(-1),children:`â`}),(0,v.jsx)(V,{label:`Next testimonial`,onClick:()=>s(1),children:`â`})]})]}),(0,v.jsx)(`div`,{className:`mt-8 overflow-hidden`,children:(0,v.jsx)(`div`,{className:`flex transition-transform ease-[cubic-bezier(0.22,1,0.36,1)]`,style:{transform:`translateX(-${t*100}%)`,transitionDuration:r?`700ms`:`0ms`},children:e.map((e,n)=>(0,v.jsxs)(`figure`,{className:`w-full shrink-0`,"aria-hidden":n!==t,children:[(0,v.jsxs)(`blockquote`,{className:`display max-w-[26ch] text-[clamp(1.4rem,3vw,2.3rem)] leading-[1.24] md:max-w-[42ch]`,children:[`â`,e.quote,`â`]}),(0,v.jsxs)(`figcaption`,{className:`mt-7`,children:[(0,v.jsx)(`span`,{className:`block font-condensed text-[0.82rem] font-bold uppercase tracking-[0.18em]`,children:e.name}),(0,v.jsx)(`span`,{className:`mt-1 block text-sm text-slate/60`,children:e.title})]})]},e.name))})}),(0,v.jsx)(`div`,{className:`mt-10 flex gap-2`,children:e.map((e,r)=>(0,v.jsx)(`button`,{onClick:()=>n(r),"aria-label":`Show testimonial from ${e.name}`,"aria-current":r===t,className:`group h-[3px] flex-1 overflow-hidden rounded-full bg-slate/15`,children:(0,v.jsx)(`span`,{className:`block h-full rounded-full bg-ember ${r===t?`w-0 bar-fill`:`w-0 transition-[width] duration-300 group-hover:w-1/4`}`,style:r===t?{animationDuration:`${z}ms`,animationPlayState:`running`}:void 0},`${r}-${t}`)},e.name))})]})})})}function V({label:e,onClick:t,children:n}){return(0,v.jsx)(`button`,{onClick:t,"aria-label":e,className:`flex h-11 w-11 items-center justify-center rounded-full border border-slate/25 text-lg text-slate/70 transition-all duration-300 hover:border-slate hover:bg-slate hover:text-alabaster`,children:n})}function H(){return(0,v.jsxs)(w,{id:`services`,className:`bg-sand-light`,children:[(0,v.jsxs)(`div`,{className:`grid gap-12 lg:grid-cols-[0.85fr_1.15fr] lg:gap-20`,children:[(0,v.jsxs)(C,{children:[(0,v.jsx)(S,{children:h.eyebrow}),(0,v.jsx)(`h2`,{className:`display mt-7 text-[clamp(2.4rem,5vw,4rem)]`,children:h.heading})]}),(0,v.jsx)(C,{delay:80,children:(0,v.jsx)(`p`,{className:`text-lg leading-relaxed text-slate/75 md:text-xl`,children:h.body})})]}),(0,v.jsx)(`div`,{className:`mt-12 md:mt-16`,children:h.categories.map((e,t)=>(0,v.jsx)(C,{delay:t*90,children:(0,v.jsxs)(`article`,{className:`group grid gap-6 border-t border-slate/15 py-8 last:border-b md:grid-cols-[auto_1fr_1fr] md:gap-10 md:py-10`,children:[(0,v.jsx)(`span`,{className:`font-condensed text-[0.8rem] font-bold tracking-[0.22em] text-ember md:pt-2`,children:e.number}),(0,v.jsxs)(`div`,{children:[(0,v.jsx)(`h3`,{className:`display text-[clamp(1.8rem,3.4vw,2.6rem)]`,children:e.title}),(0,v.jsx)(`p`,{className:`mt-5 max-w-[42ch] leading-relaxed text-slate/70`,children:e.body})]}),(0,v.jsx)(`ul`,{className:`flex flex-wrap content-start gap-2 md:pt-2`,children:e.items.map(e=>(0,v.jsx)(`li`,{className:`rounded-full border border-slate/20 bg-alabaster/60 px-4 py-2 font-condensed text-[0.78rem] font-bold uppercase tracking-[0.12em] text-slate/70`,children:e},e))})]})},e.number))})]})}function U(){return(0,v.jsx)(w,{id:`founder`,className:`bg-alabaster`,children:(0,v.jsxs)(`div`,{className:`grid gap-12 lg:grid-cols-[0.62fr_1.38fr] lg:gap-16`,children:[(0,v.jsx)(C,{className:`lg:sticky lg:top-32 lg:self-start`,children:(0,v.jsxs)(`div`,{className:`relative mx-auto max-w-[300px] lg:mx-0`,children:[(0,v.jsx)(`div`,{className:`absolute -bottom-5 -left-5 h-28 w-28 rounded-full bg-citrine md:-bottom-6 md:-left-6 md:h-36 md:w-36`,"aria-hidden":`true`}),(0,v.jsx)(`img`,{src:u.headshot,alt:`Sarah Mattina, Founder of Mattina Media Group`,className:`relative w-full rounded-[2rem] object-cover`,loading:`lazy`})]})}),(0,v.jsxs)(`div`,{children:[(0,v.jsxs)(C,{children:[(0,v.jsx)(S,{children:u.eyebrow}),(0,v.jsx)(`h2`,{className:`display mt-7 text-[clamp(2.4rem,5.4vw,4rem)]`,children:u.heading})]}),(0,v.jsx)(`div`,{className:`mt-9 space-y-6`,children:u.paragraphs.map((e,t)=>(0,v.jsx)(C,{delay:t*70,children:(0,v.jsx)(`p`,{className:`text-lg leading-relaxed text-slate/75`,children:e})},t))}),(0,v.jsx)(C,{delay:200,children:(0,v.jsxs)(`div`,{className:`mt-12 flex items-end gap-3`,children:[u.signatureImage?(0,v.jsx)(`img`,{src:u.signatureImage,alt:`${u.heading}'s signature`,className:`h-10 w-auto sm:h-12 md:h-14`}):(0,v.jsx)(`span`,{className:`font-display text-5xl italic text-ember`,children:u.signature}),(0,v.jsx)(y,{className:`mb-[2px] h-[9px] w-[18px] shrink-0 text-ember`})]})})]})]})})}function W(){return(0,v.jsx)(`section`,{className:`bg-alabaster px-6 pb-16 pt-2 md:px-10 md:pb-20`,children:(0,v.jsx)(`div`,{className:`mx-auto w-full max-w-[1180px]`,children:(0,v.jsxs)(`div`,{className:`grid gap-8 lg:grid-cols-[0.62fr_1.38fr] lg:gap-16`,children:[(0,v.jsx)(`div`,{className:`hidden lg:block`,"aria-hidden":`true`}),(0,v.jsx)(`div`,{children:(0,v.jsxs)(C,{children:[(0,v.jsx)(S,{tone:`slate`,children:r.eyebrow}),(0,v.jsx)(`ul`,{className:`mt-6 grid gap-6 sm:grid-cols-3 sm:gap-8`,children:r.members.map(e=>(0,v.jsxs)(`li`,{className:`flex items-center gap-3`,children:[e.photo&&(0,v.jsx)(`img`,{src:e.photo,alt:e.name,width:48,height:48,loading:`lazy`,className:`h-12 w-12 shrink-0 rounded-full object-cover`}),(0,v.jsx)(`h3`,{className:`font-display text-lg leading-snug text-slate md:text-xl`,children:e.name})]},e.name))})]})})]})})})}function G(){let e=(0,_.useRef)(null),[t,n]=(0,_.useState)(!0),[r,i]=(0,_.useState)(!1),a=(0,_.useCallback)(()=>{let t=e.current;t&&(n(t.scrollLeft<=1),i(t.scrollLeft>=t.scrollWidth-t.clientWidth-1))},[]);(0,_.useEffect)(()=>(a(),window.addEventListener(`resize`,a),()=>window.removeEventListener(`resize`,a)),[a]);let o=t=>{let n=e.current;if(!n)return;let r=n.firstElementChild,i=r?r.getBoundingClientRect().width+20:n.clientWidth;n.scrollBy({left:t*i,behavior:`smooth`})};return(0,v.jsxs)(w,{className:`bg-sand-light`,children:[(0,v.jsxs)(`div`,{className:`flex flex-wrap items-end justify-between gap-6`,children:[(0,v.jsxs)(C,{children:[(0,v.jsx)(S,{children:d.eyebrow}),(0,v.jsx)(`h2`,{className:`display mt-7 max-w-[18ch] text-[clamp(2.1rem,4.6vw,3.4rem)]`,children:d.heading})]}),(0,v.jsx)(C,{delay:80,children:(0,v.jsxs)(`div`,{className:`flex gap-2`,children:[(0,v.jsx)(K,{label:`Previous`,onClick:()=>o(-1),disabled:t,children:`â`}),(0,v.jsx)(K,{label:`Next`,onClick:()=>o(1),disabled:r,children:`â`})]})})]}),(0,v.jsx)(C,{delay:120,children:(0,v.jsx)(`div`,{ref:e,onScroll:a,tabIndex:0,role:`group`,"aria-roledescription":`carousel`,"aria-label":`Mattina Media in the press`,className:`no-scrollbar mt-14 flex snap-x snap-mandatory gap-5 overflow-x-auto scroll-smooth pb-2 outline-none focus-visible:ring-2 focus-visible:ring-ember/50`,children:d.tiles.map(e=>(0,v.jsxs)(`a`,{href:e.href,target:`_blank`,rel:`noopener noreferrer`,className:`group flex w-[82%] shrink-0 snap-start flex-col justify-between rounded-3xl border border-slate/12 bg-alabaster p-8 transition-all duration-300 hover:-translate-y-1 hover:border-ember hover:shadow-[0_18px_40px_-24px_rgba(44,43,35,0.4)] sm:w-[46%] lg:w-[31.5%]`,children:[(0,v.jsxs)(`div`,{children:[(0,v.jsxs)(`div`,{className:`flex min-h-[26px] items-center justify-between gap-4`,children:[e.logo?(0,v.jsx)(`img`,{src:e.logo,alt:e.source,style:{height:`calc(26px * ${e.logoScale??1})`},className:`w-auto max-w-[150px] object-contain object-left`,loading:`lazy`}):(0,v.jsx)(`span`,{className:`font-condensed text-[0.72rem] font-bold uppercase tracking-[0.24em] text-ember`,children:e.source}),(0,v.jsx)(`span`,{className:`shrink-0 font-condensed text-[0.68rem] uppercase tracking-[0.2em] text-slate/40`,children:e.kind})]}),(0,v.jsx)(`h3`,{className:`display mt-6 text-[1.5rem] leading-[1.2]`,children:e.title})]}),(0,v.jsxs)(`span`,{className:`mt-10 inline-flex items-center gap-2 font-condensed text-[0.75rem] font-bold uppercase tracking-[0.2em] text-slate/55 transition-colors group-hover:text-slate`,children:[e.action??`Read`,(0,v.jsx)(`span`,{className:`transition-transform duration-300 group-hover:translate-x-1 group-hover:-translate-y-0.5`,children:`â`})]})]},e.href))})})]})}function K({label:e,onClick:t,disabled:n,children:r}){return(0,v.jsx)(`button`,{onClick:t,disabled:n,"aria-label":`${e} press item`,className:`flex h-11 w-11 items-center justify-center rounded-full border border-slate/25 text-lg text-slate/70 transition-all duration-300 hover:border-slate hover:bg-slate hover:text-alabaster disabled:pointer-events-none disabled:opacity-30`,children:r})}function q(){return(0,v.jsxs)(w,{id:`contact`,className:`relative overflow-hidden bg-slate text-alabaster`,children:[(0,v.jsx)(`div`,{className:`pointer-events-none absolute -bottom-56 left-1/2 h-[38rem] w-[38rem] -translate-x-1/2 roun
1ded-full opacity-40`,style:{background:`radial-gradient(circle, var(--color-ember) 0%, transparent 62%)`},"aria-hidden":`true`}),(0,v.jsxs)(`div`,{className:`relative grid gap-12 lg:grid-cols-[1fr_1fr] lg:gap-20`,children:[(0,v.jsx)(`div`,{className:`lg:sticky lg:top-32 lg:self-start`,children:(0,v.jsxs)(C,{children:[(0,v.jsx)(S,{tone:`cream`,children:m.eyebrow}),(0,v.jsx)(`h2`,{className:`display mt-7 max-w-[14ch] text-[clamp(2.4rem,5.6vw,4.25rem)]`,children:m.heading}),(0,v.jsx)(`div`,{className:`mt-10`,children:(0,v.jsx)(x,{href:l.closing.href,variant:`cream`,children:l.closing.label})})]})}),(0,v.jsxs)(`div`,{className:`space-y-7`,children:[m.paragraphs.map((e,t)=>(0,v.jsx)(C,{delay:t*70,children:(0,v.jsx)(`p`,{className:`text-lg leading-relaxed text-alabaster/70`,children:e})},t)),(0,v.jsx)(C,{delay:220,children:(0,v.jsx)(`p`,{className:`border-l-2 border-citrine py-1 pl-7 text-lg italic leading-relaxed text-citrine`,children:m.aside})}),m.paragraphsAfter.map((e,t)=>(0,v.jsx)(C,{delay:t*70,children:(0,v.jsx)(`p`,{className:`text-lg leading-relaxed text-alabaster/70`,children:e})},t))]})]})]})}function J(){let[e,t]=(0,_.useState)(-1);return(0,v.jsx)(w,{id:`faq`,className:`bg-alabaster`,children:(0,v.jsxs)(`div`,{className:`grid gap-12 lg:grid-cols-[0.8fr_1.2fr] lg:gap-20`,children:[(0,v.jsxs)(C,{className:`lg:sticky lg:top-32 lg:self-start`,children:[(0,v.jsx)(S,{children:o.eyebrow}),(0,v.jsx)(`h2`,{className:`display mt-7 text-[clamp(2.2rem,4.6vw,3.4rem)]`,children:o.heading})]}),(0,v.jsx)(`div`,{className:`border-t border-slate/15`,children:o.items.map((n,r)=>{let i=e===r;return(0,v.jsx)(C,{delay:r*60,children:(0,v.jsxs)(`div`,{className:`border-b border-slate/15`,children:[(0,v.jsxs)(`button`,{onClick:()=>t(i?-1:r),className:`flex w-full items-start justify-between gap-6 py-7 text-left`,"aria-expanded":i,children:[(0,v.jsx)(`span`,{className:`display text-[clamp(1.2rem,2.4vw,1.65rem)] transition-colors duration-300 ${i?`text-ember`:`text-slate`}`,children:n.q}),(0,v.jsx)(`span`,{className:`mt-1 shrink-0 text-2xl leading-none transition-transform duration-400 ${i?`rotate-45 text-ember`:`text-slate/40`}`,"aria-hidden":`true`,children:`+`})]}),(0,v.jsx)(`div`,{className:`grid transition-all duration-500 ease-out`,style:{gridTemplateRows:i?`1fr`:`0fr`},children:(0,v.jsxs)(`div`,{className:`overflow-hidden`,children:[(0,v.jsx)(`p`,{className:`max-w-[62ch] pb-8 leading-relaxed text-slate/70`,children:n.a}),n.footnote&&(0,v.jsx)(`p`,{className:`max-w-[62ch] -mt-4 pb-8 text-sm leading-relaxed text-slate/50`,children:n.footnote})]})})]})},r)})})]})})}function Y(){return(0,v.jsx)(`footer`,{className:`border-t border-slate/12 bg-alabaster px-6 py-14 md:px-10`,children:(0,v.jsxs)(`div`,{className:`mx-auto w-full max-w-[1180px]`,children:[(0,v.jsxs)(`div`,{className:`flex flex-col gap-10 md:flex-row md:items-start md:justify-between`,children:[(0,v.jsxs)(`div`,{children:[(0,v.jsx)(b,{}),(0,v.jsx)(`a`,{href:`mailto:${t.email}`,className:`mt-6 block font-condensed text-[0.82rem] font-bold uppercase tracking-[0.18em] text-slate/60 transition-colors hover:text-ember`,children:t.email})]}),(0,v.jsxs)(`nav`,{className:`flex flex-wrap gap-x-8 gap-y-3`,children:[n.map(e=>(0,v.jsx)(`a`,{href:e.href,className:`font-condensed text-[0.78rem] font-bold uppercase tracking-[0.18em] text-slate/55 transition-colors hover:text-ember`,children:e.label},e.href)),(0,v.jsx)(`a`,{href:t.linkedin,target:`_blank`,rel:`noopener noreferrer`,className:`font-condensed text-[0.78rem] font-bold uppercase tracking-[0.18em] text-slate/55 transition-colors hover:text-ember`,children:`LinkedIn â`})]})]}),(0,v.jsxs)(`div`,{className:`mt-12 flex flex-col gap-4 border-t border-slate/12 pt-7 text-sm text-slate/45 md:flex-row md:items-center md:justify-between`,children:[(0,v.jsx)(`div`,{className:`flex gap-6`,children:t.links.map(e=>(0,v.jsx)(`a`,{href:e.href,className:`transition-colors hover:text-slate`,children:e.label},e.label))}),(0,v.jsx)(`p`,{children:t.copyright})]})]})})}function X(){return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(T,{}),(0,v.jsxs)(`main`,{children:[(0,v.jsx)(D,{}),(0,v.jsx)(A,{}),(0,v.jsx)(j,{}),(0,v.jsx)(R,{}),(0,v.jsx)(B,{}),(0,v.jsx)(H,{}),(0,v.jsx)(U,{}),(0,v.jsx)(W,{}),(0,v.jsx)(G,{}),(0,v.jsx)(q,{}),(0,v.jsx)(J,{})]}),(0,v.jsx)(Y,{})]})}
1export{X as component};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.