/*
Design reminder: Neo-Brutalist Editorial Agency System for MOEN Media.
Static package edition. High-contrast black/off-white palette, coral accent, editorial asymmetry,
thin lines, large Space Grotesk display typography, IBM Plex Sans body copy, IBM Plex Mono labels,
measured motion, and premium agency restraint.
*/
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700;800&display=swap');
:root{--radius:.35rem;--ink:#080806;--paper:#f4f0e8;--warm:#e8dfd1;--line:rgba(8,8,6,.16);--coral:#ff5438;--smoke:#191918}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 18% 0%,rgba(255,84,56,.08),transparent 28rem),linear-gradient(90deg,rgba(8,8,6,.035) 1px,transparent 1px),var(--paper);background-size:auto,7.5rem 7.5rem,auto;color:var(--ink);font-family:'IBM Plex Sans',system-ui,sans-serif}::selection{background:var(--coral);color:#fff}a{color:inherit}.site-shell{min-height:100vh;overflow-x:hidden}.site-header{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;min-height:72px;padding:0 4vw;border-bottom:1px solid rgba(8,8,6,.18);background:rgba(244,240,232,.88);backdrop-filter:blur(18px)}.brand-mark{font-family:'Space Grotesk',sans-serif;font-weight:800;letter-spacing:-.06em;font-size:clamp(1.35rem,3vw,2rem);text-decoration:none;color:var(--ink);white-space:nowrap}.brand-dot{color:var(--coral);margin:0 .02em}.desktop-nav{display:flex;justify-content:center;gap:clamp(1rem,2.2vw,2.2rem);font-family:'IBM Plex Mono',monospace;font-size:.78rem;text-transform:uppercase;letter-spacing:-.02em}.desktop-nav a,.footer-grid a{color:inherit;text-decoration:none;position:relative}.desktop-nav a:after,.footer-grid a:after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:1px;background:var(--coral);transition:width .22s ease}.desktop-nav a:hover:after,.footer-grid a:hover:after{width:100%}.header-cta,.floating-project,.primary-link,.magnetic-cta,.secondary-link{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;text-decoration:none;font-weight:700;transition:transform .22s ease,background .22s ease,color .22s ease,border-color .22s ease}.header-cta{background:var(--coral);color:#fff;border:1px solid var(--coral);padding:.8rem 1rem;border-radius:999px;font-size:.86rem}.header-cta:hover,.primary-link:hover,.magnetic-cta:hover{transform:translateY(-2px);background:var(--ink);border-color:var(--ink);color:#fff}.mobile-menu-button{display:none;border:1px solid rgba(8,8,6,.25);background:transparent;border-radius:999px;padding:.72rem .9rem;font-family:'IBM Plex Mono',monospace;text-transform:uppercase;color:var(--ink)}.nav-dropdown{position:relative;display:inline-flex;align-items:center}.nav-dropdown-trigger{padding-right:.8rem}.nav-dropdown-trigger:before{content:"+";position:absolute;right:0;color:var(--coral)}.nav-dropdown-panel{position:absolute;top:calc(100% + 1.1rem);left:50%;transform:translateX(-50%) translateY(8px);min-width:245px;padding:.65rem;background:rgba(8,8,6,.96);color:var(--paper);border:1px solid rgba(244,240,232,.2);box-shadow:0 22px 70px rgba(8,8,6,.28);display:grid;gap:.15rem;opacity:0;visibility:hidden;transition:opacity .18s ease,transform .18s ease,visibility .18s ease}.nav-dropdown:hover .nav-dropdown-panel,.nav-dropdown:focus-within .nav-dropdown-panel,.nav-dropdown.open .nav-dropdown-panel{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.nav-dropdown-panel a{padding:.9rem 1rem;border-bottom:1px solid rgba(244,240,232,.14);color:var(--paper);white-space:nowrap}.nav-dropdown-panel a:last-child{border-bottom:0}.nav-dropdown-panel a:hover{background:rgba(255,84,56,.18)}h1,h2,h3{font-family:'Space Grotesk','IBM Plex Sans',sans-serif;letter-spacing:-.07em;line-height:.9;margin:0;word-break:keep-all;overflow-wrap:normal;text-wrap:balance}.eyebrow{font-family:'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;color:rgba(8,8,6,.68);margin:0 0 1.25rem}.hero-section{display:grid;grid-template-columns:.92fr 1.08fr;gap:3vw;min-height:calc(100vh - 72px);padding:clamp(3rem,7vw,7rem) 4vw 5rem;align-items:center}.hero-copy h1{font-size:clamp(4.3rem,10.6vw,10.8rem);max-width:12ch}.hero-lede{max-width:660px;font-size:clamp(1.08rem,1.45vw,1.42rem);line-height:1.48;margin:2rem 0;color:rgba(8,8,6,.74)}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem}.primary-link{background:var(--coral);color:#fff;border:1px solid var(--coral);padding:1rem 1.2rem;border-radius:999px}.secondary-link{color:var(--ink);border:1px solid rgba(8,8,6,.28);padding:1rem 1.2rem;border-radius:999px}.secondary-link:hover{border-color:var(--ink);transform:translateY(-2px)}.hero-media,.portfolio-media{position:relative;border:1px solid rgba(8,8,6,.22);background:var(--ink);overflow:hidden;box-shadow:0 28px 80px rgba(8,8,6,.22)}.hero-media img,.portfolio-media img,.sub-hero img{width:100%;height:100%;display:block;object-fit:cover}.hero-media{min-height:560px;clip-path:polygon(7% 0,100% 0,100% 92%,92% 100%,0 100%,0 8%)}.hero-video-frame video{width:100%;height:100%;min-height:560px;display:block;object-fit:cover;filter:contrast(1.06) saturate(.92)}.hero-video-frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(8,8,6,.08),transparent 44%,rgba(255,84,56,.12));mix-blend-mode:multiply}.media-caption{position:absolute;left:1rem;right:1rem;bottom:1rem;display:flex;justify-content:space-between;gap:1rem;padding:.9rem 1rem;background:rgba(244,240,232,.9);font-family:'IBM Plex Mono',monospace;font-size:.76rem}.stats-band{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats-band div{padding:clamp(1.4rem,3vw,2.4rem) 4vw;border-right:1px solid var(--line)}.stats-band div:last-child{border-right:0}.stats-band strong{font-family:'Space Grotesk',sans-serif;font-size:clamp(2rem,5vw,4.8rem);letter-spacing:-.07em}.stats-band p{max-width:320px;color:rgba(8,8,6,.68)}.editorial-section,.process-section{padding:clamp(4rem,9vw,8rem) 4vw}.section-label{display:flex;gap:1rem;align-items:center;margin-bottom:2rem;font-family:'IBM Plex Mono',monospace;text-transform:uppercase;font-size:.8rem;color:rgba(8,8,6,.62)}.section-label span:first-child{color:var(--coral)}.section-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:end;margin-bottom:3rem}.section-intro h2,.portfolio-copy h2,.process-section h2,.content-split h2,.contact-panel h2,.footer-top h2{font-size:clamp(2.6rem,6.7vw,6.8rem);max-width:980px}.section-intro p,.portfolio-copy p,.content-split p{font-size:1.15rem;line-height:1.62;color:rgba(8,8,6,.7)}.service-list{border-top:1px solid var(--ink)}.service-row{display:grid;grid-template-columns:70px 55px minmax(180px,.7fr) 1fr 40px;gap:1.5rem;align-items:center;min-height:140px;border-bottom:1px solid rgba(8,8,6,.22);color:var(--ink);text-decoration:none;transition:background .22s ease,padding-left .22s ease}.service-row:hover{background:rgba(255,84,56,.08);padding-left:1rem}.mono-index,.portfolio-grid-page span,.ai-steps-grid span{font-family:'IBM Plex Mono',monospace;color:var(--coral)}.service-icon{color:var(--coral);font-size:1.75rem}.service-row h3{font-size:clamp(1.7rem,3vw,3.4rem)}.service-row p{max-width:640px;line-height:1.55;color:rgba(8,8,6,.68)}.portfolio-preview{display:grid;grid-template-columns:1.08fr .92fr;min-height:720px;background:var(--ink);color:var(--paper)}.portfolio-copy{padding:clamp(3rem,6vw,6rem);display:flex;flex-direction:column;justify-content:center}.portfolio-copy .section-label,.portfolio-copy .eyebrow{color:rgba(244,240,232,.68)}.project-table{margin-top:3rem;border-top:1px solid rgba(244,240,232,.25)}.project-row{display:grid;grid-template-columns:48px 1fr;gap:1rem;padding:1.25rem 0;border-bottom:1px solid rgba(244,240,232,.2);color:var(--paper);text-decoration:none}.project-row span,.project-row em{font-family:'IBM Plex Mono',monospace;color:rgba(244,240,232,.62);font-style:normal;font-size:.8rem}.project-row strong{font-size:1.12rem}.project-row em{grid-column:2}.process-section{background:var(--warm)}.process-line{display:grid;grid-template-columns:repeat(5,1fr);margin-top:3rem;border-top:1px solid var(--ink)}.process-step{min-height:170px;padding:1rem;border-right:1px solid rgba(8,8,6,.22);display:flex;flex-direction:column;justify-content:space-between}.process-step span{font-family:'IBM Plex Mono',monospace;color:var(--coral)}.process-step strong{font-family:'Space Grotesk',sans-serif;font-size:1.35rem;letter-spacing:-.04em}.contact-panel{margin:4vw;padding:clamp(2rem,5vw,5rem);display:flex;align-items:end;justify-content:space-between;gap:2rem;background:var(--ink);color:var(--paper)}.contact-panel .eyebrow{color:rgba(244,240,232,.68)}.contact-panel .primary-link{flex:0 0 auto}.footer-section{padding:clamp(3rem,6vw,6rem) 4vw 2rem;background:#050504;color:var(--paper)}.footer-top{display:flex;align-items:end;justify-content:space-between;gap:2rem;padding-bottom:4rem;border-bottom:1px solid rgba(244,240,232,.18)}.footer-top h2{max-width:920px}.magnetic-cta{background:var(--paper);color:var(--ink);padding:1rem 1.2rem;border-radius:999px;border:1px solid var(--paper);white-space:nowrap}.footer-grid{display:grid;grid-template-columns:1.15fr .7fr .85fr .9fr;gap:2rem;padding-top:2rem;color:rgba(244,240,232,.76)}.footer-grid div{display:flex;flex-direction:column;gap:.65rem}.footer-grid strong{color:var(--paper)}.footer-logo-slot{border:1px dashed rgba(244,240,232,.32);padding:1rem;max-width:230px;margin-bottom:1rem;display:flex;align-items:center;gap:.8rem;font-family:'IBM Plex Mono',monospace;text-transform:uppercase;font-size:.74rem;color:rgba(244,240,232,.7)}.dummy-logo-mark{width:48px;height:48px;display:inline-grid;place-items:center;background:var(--paper);color:var(--ink);font-family:'Space Grotesk',sans-serif;font-size:1.8rem;font-weight:800;letter-spacing:-.08em}.floating-project{position:fixed;right:1.5rem;bottom:1.5rem;z-index:40;background:var(--ink);color:var(--paper);border:1px solid rgba(244,240,232,.3);border-radius:999px;padding:1rem 1.15rem;box-shadow:0 18px 60px rgba(8,8,6,.24)}.floating-project:hover{background:var(--coral);color:#fff;transform:translateY(-3px)}.sub-hero{display:grid;grid-template-columns:.95fr 1.05fr;gap:4vw;padding:clamp(4rem,8vw,8rem) 4vw;align-items:center;min-height:620px;border-bottom:1px solid var(--line)}.sub-hero h1{font-size:clamp(3.4rem,7.4vw,7.4rem);max-width:12ch;letter-spacing:-.08em}.sub-hero p:not(.eyebrow){max-width:720px;font-size:1.2rem;line-height:1.56;color:rgba(8,8,6,.7);margin-top:1.5rem}.sub-hero img{min-height:390px;border:1px solid rgba(8,8,6,.22);box-shadow:0 24px 70px rgba(8,8,6,.2)}.content-split{display:grid;grid-template-columns:240px 1fr;gap:5vw;padding:clamp(4rem,8vw,8rem) 4vw;border-bottom:1px solid var(--line)}.check-grid,.module-grid,.ad-lanes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:2rem}.check-grid span,.module-grid span,.ad-lanes span{display:flex;align-items:center;gap:.55rem;border:1px solid rgba(8,8,6,.2);padding:1rem;background:rgba(255,255,255,.28);font-weight:600}.dark-panel{background:var(--ink);color:var(--paper)}.dark-panel .section-label,.dark-panel p{color:rgba(244,240,232,.7)}.dark-panel .module-grid span{border-color:rgba(244,240,232,.18);background:rgba(244,240,232,.06)}.portfolio-grid-page{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--ink);padding:1px;margin:4vw}.portfolio-grid-page article{background:var(--paper);padding:clamp(1.8rem,4vw,4rem);min-height:330px;display:flex;flex-direction:column;justify-content:space-between}.portfolio-grid-page h3{font-size:clamp(2rem,4vw,4rem)}.portfolio-grid-page p{color:rgba(8,8,6,.68)}.portfolio-grid-page a{color:var(--ink);font-weight:700;text-decoration:none;display:inline-flex;gap:.4rem;align-items:center}.work-filter-bar{margin:4vw 4vw 0;display:flex;flex-wrap:wrap;gap:.7rem}.work-filter-bar span{border:1px solid rgba(8,8,6,.24);border-radius:999px;padding:.75rem 1rem;font-family:'IBM Plex Mono',monospace;text-transform:uppercase;font-size:.76rem;background:rgba(255,255,255,.22)}.work-grid-page article em{display:block;font-style:normal;line-height:1.55;color:rgba(8,8,6,.7);margin:1rem 0 1.5rem}.agency-story{display:grid;grid-template-columns:.82fr 1.18fr;gap:5vw;padding:clamp(4rem,8vw,8rem) 4vw;border-bottom:1px solid var(--line);align-items:start}.agency-story img{width:100%;min-height:520px;object-fit:cover;border:1px solid rgba(8,8,6,.22);box-shadow:0 24px 70px rgba(8,8,6,.18);clip-path:polygon(0 0,94% 0,100% 8%,100% 100%,6% 100%,0 92%)}.agency-story h2,.service-detail-section h2,.ai-offer-band h2{font-size:clamp(2.6rem,6.2vw,6.4rem);max-width:1020px}.agency-story p,.service-detail-section p,.ai-offer-band p{font-size:1.14rem;line-height:1.68;color:rgba(8,8,6,.72);margin-top:1.4rem}.service-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--ink);margin:4vw}.service-summary-grid a{min-height:380px;padding:clamp(1.8rem,4vw,3.4rem);background:var(--paper);color:var(--ink);text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;transition:transform .22s ease,background .22s ease}.service-summary-grid a:hover{background:var(--warm);transform:translateY(-4px)}.service-summary-grid h3{font-size:clamp(2rem,4.2vw,4.4rem)}.service-summary-grid p{color:rgba(8,8,6,.68);line-height:1.58}.service-summary-grid span{display:inline-flex;align-items:center;gap:.4rem;font-weight:700}.service-detail-section{display:grid;grid-template-columns:170px 1fr;gap:5vw;padding:clamp(4rem,8vw,8rem) 4vw;border-bottom:1px solid var(--line)}.service-detail-icon{width:112px;height:112px;display:grid;place-items:center;background:var(--ink);color:var(--paper);border-radius:50%;font-size:2rem}.ai-offer-band{margin:4vw;padding:clamp(2.4rem,5.5vw,5.5rem);display:grid;grid-template-columns:1fr .46fr;gap:3rem;background:var(--ink);color:var(--paper)}.ai-offer-band .section-label,.ai-offer-band p{color:rgba(244,240,232,.7)}.offer-cards{display:grid;gap:1rem;align-content:center}.offer-cards span{display:flex;align-items:center;gap:.75rem;padding:1.05rem;border:1px solid rgba(244,240,232,.2);background:rgba(244,240,232,.06);font-weight:700}.ai-steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--ink);margin:4vw}.ai-steps-grid article{min-height:300px;background:var(--paper);padding:clamp(1.5rem,3vw,3rem);display:flex;flex-direction:column;justify-content:space-between}.ai-steps-grid h3{font-size:clamp(2rem,4vw,4rem)}.ai-steps-grid p{color:rgba(8,8,6,.68);line-height:1.55}.contact-form-section{display:grid;grid-template-columns:1.15fr .85fr;gap:1px;background:var(--ink);margin:4vw}.contact-form{padding:clamp(2rem,5vw,5rem);background:var(--paper);display:grid;gap:1rem}.contact-form label{display:grid;gap:.55rem;font-family:'IBM Plex Mono',monospace;text-transform:uppercase;font-size:.76rem;color:rgba(8,8,6,.68)}.contact-form input,.contact-form textarea{width:100%;border:1px solid rgba(8,8,6,.24);background:rgba(255,255,255,.36);color:var(--ink);padding:1rem;font-family:'IBM Plex Sans',sans-serif;font-size:1rem;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.contact-form textarea{min-height:180px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--coral);box-shadow:0 0 0 4px rgba(255,84,56,.12)}.contact-form button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border:1px solid var(--coral);background:var(--coral);color:#fff;padding:1rem 1.2rem;border-radius:999px;font-weight:800;transition:transform .22s ease,background .22s ease}.contact-form button:hover{transform:translateY(-2px);background:var(--ink);border-color:var(--ink)}.contact-form p{color:rgba(8,8,6,.64);line-height:1.5}.contact-card-large{min-height:430px;padding:clamp(2rem,5vw,5rem);background:var(--paper);display:flex;flex-direction:column;justify-content:space-between}.contact-card-large h2{font-size:clamp(2.2rem,4.8vw,5rem)}.contact-card-large p{color:rgba(8,8,6,.68);font-size:1.08rem;line-height:1.55}.contact-card-large.inverted{background:var(--ink);color:var(--paper)}.contact-card-large.inverted p{color:rgba(244,240,232,.68)}.reveal-up{animation:revealUp .7s ease both}.reveal-mask{animation:revealMask .8s ease .12s both}@keyframes revealUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes revealMask{from{opacity:0;clip-path:inset(0 0 100% 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}@media(max-width:1100px){.site-header{grid-template-columns:1fr auto;gap:1rem;padding-bottom:.8rem}.mobile-menu-button{display:inline-flex}.desktop-nav{grid-column:1/-1;order:3;display:none;justify-content:flex-start;overflow-x:auto;padding:.2rem 0 .8rem}.desktop-nav.is-open{display:flex}.hero-section,.portfolio-preview,.sub-hero,.section-intro,.content-split,.agency-story,.service-detail-section,.ai-offer-band,.contact-form-section{grid-template-columns:1fr}.hero-media{min-height:420px}.process-line{grid-template-columns:repeat(2,1fr)}.stats-band{grid-template-columns:1fr}.stats-band div{border-right:0;border-bottom:1px solid var(--line)}.service-row{grid-template-columns:52px 42px 1fr}.service-row p,.service-row .arrow{grid-column:3}.nav-dropdown-panel{left:0;transform:translateY(8px)}.nav-dropdown:hover .nav-dropdown-panel,.nav-dropdown:focus-within .nav-dropdown-panel,.nav-dropdown.open .nav-dropdown-panel{transform:translateY(0)}.service-summary-grid,.ai-steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.site-header{padding:0 1rem}.header-cta{display:none}.hero-section,.editorial-section,.process-section,.sub-hero,.content-split{padding-left:1rem;padding-right:1rem}.hero-copy h1,.sub-hero h1{font-size:clamp(3.1rem,16vw,5.1rem)}.stats-band div{padding:1.5rem 1rem}.service-row{grid-template-columns:1fr;gap:.75rem;padding:1.4rem 0}.service-row p,.service-row .arrow{grid-column:auto}.portfolio-copy,.footer-section{padding-left:1rem;padding-right:1rem}.process-line,.check-grid,.module-grid,.ad-lanes,.portfolio-grid-page,.footer-grid,.service-summary-grid,.ai-steps-grid{grid-template-columns:1fr}.contact-panel,.footer-top{flex-direction:column;align-items:flex-start}.floating-project{left:1rem;right:1rem;bottom:1rem}.hero-video-frame video{min-height:420px}.nav-dropdown-panel{position:fixed;left:1rem;right:1rem;top:118px;transform:none;min-width:0}.nav-dropdown:hover .nav-dropdown-panel,.nav-dropdown:focus-within .nav-dropdown-panel,.nav-dropdown.open .nav-dropdown-panel{transform:none}.agency-story,.service-detail-section,.contact-form-section{margin-left:0;margin-right:0;padding-left:1rem;padding-right:1rem}.agency-story img{min-height:340px}.ai-offer-band,.work-filter-bar,.service-summary-grid,.ai-steps-grid,.contact-form-section{margin-left:1rem;margin-right:1rem}}