/* REEMAGINE — confident, typographic agency direction */
:root{--accent:#5753ee;--line:#d0cdc5}
header{height:92px}.header-cta{background:var(--ink);color:var(--paper);padding:10px 20px;border:0;border-radius:30px}header nav a{font-size:14px}
.hero{padding-top:12px}.hero-top{font-size:12px}.hero-grid{grid-template-columns:1.2fr 1fr;gap:4%;padding:30px 0 44px}.hero h1{font-size:clamp(48px,6.1vw,94px);line-height:1.3;letter-spacing:-.035em;font-weight:600}.hero h1 em{display:inline-block;border-bottom:5px solid var(--accent);padding-bottom:6px}.hero .intro{max-width:540px;font-size:18px;color:#514e58}.hero .eyebrow{color:var(--accent);margin-bottom:20px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px}.hero .button{width:auto;gap:32px;border-radius:32px}.hero-secondary{font-size:15px;border-bottom:1px solid var(--ink)}
.brand-stage{background:var(--accent);color:#fff;border:none;aspect-ratio:1;position:relative;border-radius:3px 90px 3px 3px;padding:28px;transform:rotate(-3deg);box-shadow:18px 20px 0 #dedcd5;transition:transform .45s ease;animation:stage-arrive .8s ease-out both}.brand-stage:hover{transform:rotate(0)}.brand-stage img{width:72%;max-height:300px;filter:none;transform:rotate(3deg)}.stage-top{font-size:12px;line-height:1.6;max-width:90%}.stage-bottom{font-size:clamp(32px,3.8vw,56px);letter-spacing:-.05em}.stage-small{font-size:12px}.hero-bottom{margin-top:24px;padding:20px 0;border-bottom:1px solid var(--line);font-size:14px;letter-spacing:.025em}
.section{padding-top:80px;padding-bottom:80px}.section-head{margin-bottom:36px}.section h2{font-weight:600;letter-spacing:-.025em}.section-head>p{font-size:17px;max-width:360px}.eyebrow{font-size:13px}
.services{background:#1b1a20;color:#f5f1e9;max-width:none;margin-top:44px;--line:#444149;--ink:#f5f1e9;--muted:#b4afbd}.services .section-head>p{color:#bdb8c6}.services .eyebrow{color:#b8b5ff}.services .muted{color:#b8b5ff}.agency-service{border-color:#444149}.agency-service summary{padding:24px 16px;grid-template-columns:40px minmax(0,1fr) auto;transition:background .2s}.agency-service summary:after{display:none}.agency-service summary:hover{background:#302d3a}.agency-service summary strong{font-size:25px}.service-index{color:#b8b5ff;font-size:16px}.service-short{color:#bcb7c5}.service-rate{color:#e0dcff;font-size:17px}.agency-service[open]{background:#f5f1e9;color:#17171a;border-radius:8px;margin:12px 0;border:0}.agency-service[open] summary{padding:28px 24px}.agency-service[open] summary:hover{background:transparent}.agency-service[open] .service-short{color:#605969}.agency-service[open] .service-index{color:#5753ee}.agency-service[open] .service-rate{color:#7a243a}.agency-service .service-rate:after{color:inherit}.agency-body{padding:0 24px 28px;gap:28px;grid-template-columns:1.3fr 1fr}.agency-body aside{border-radius:5px;background:#e8e5dd}.agency-body .dark{background:#17171a;color:#fff;border-radius:28px}.social-term select{color:#17171a;background:#f5f1e9;border-color:#c3bdcb}.services .pricing-note{color:#c8c2ce;font-size:14px}
.statement{padding:65px 8%;background:var(--accent);text-align:right;display:grid;grid-template-columns:1.3fr 1fr;column-gap:7%;align-items:center}.statement .eyebrow{grid-column:1/-1;color:#fff;margin-bottom:18px}.statement h2{font-size:clamp(30px,3.7vw,56px);margin:0;line-height:1.5}.statement h2 span{color:#fff}.statement>p:last-child{color:#fff;font-size:17px;max-width:470px;line-height:1.9}
.process{border-top:0}.steps{gap:16px}.steps article{background:#e9e6df;border:0;border-top:3px solid var(--accent);padding:24px}.steps span{font-size:40px;line-height:1;font-weight:bold;color:#5753ee}.steps h3{font-size:22px;margin-top:22px}.steps p{font-size:16px}
.portfolio{background:#e9e6df;max-width:none}.work-card{border-radius:8px;overflow:hidden}.work-caption{padding:16px 8px}.work-arrows button{background:var(--paper);border-radius:50%;border-color:#bdb8c2}.work-toolbar{margin-bottom:18px}.packages .package-links{border-radius:8px}.interactive-offers .package-links button{border-radius:5px}.offer-picker{border-radius:8px 8px 0 0;overflow:hidden}.offer-picker button[aria-selected=true]{background:#5753ee;color:#fff}.offer-picker button[aria-selected=true] .offer-choice-prices{background:#f5f1e9;border-radius:4px;padding:4px 8px;width:fit-content}.interactive-offers .plan-purchase{background:#e6e2db}.interactive-offers .price .button{border-radius:28px}.pricing-note{font-size:14px}.contact{background:#1b1a20}.contact h2 span{color:#b8b5ff}.contact .button{background:#b8b5ff;border-radius:30px}.contact .eyebrow{color:#b8b5ff}footer>img{margin:26px 0}.footer-bottom{font-size:12px}
@keyframes stage-arrive{from{opacity:0;transform:translateY(18px) rotate(0)}to{opacity:1;transform:translateY(0) rotate(-3deg)}}
@media(max-width:1050px){.hero-grid{gap:30px}.brand-stage{padding:22px;border-top-right-radius:55px}.stage-top{font-size:11px}.stage-small{display:none}.agency-service summary strong{font-size:23px}.statement{gap:30px}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){header{height:auto;min-height:78px;flex-wrap:wrap;padding-top:18px;padding-bottom:12px;gap:16px}header nav{display:flex;order:3;width:100%;gap:12px;justify-content:space-between;flex-wrap:wrap}header nav a{font-size:14px}.brand img{width:165px}.header-cta{font-size:14px;padding:8px 14px}.hero-top{font-size:12px;gap:12px}.hero-top span:first-child{max-width:210px}.hero-grid{grid-template-columns:1fr;padding-top:20px;gap:32px}.hero h1{font-size:clamp(40px,9vw,64px)}.hero .intro{font-size:17px}.hero-actions{gap:18px}.hero .button{font-size:15px;padding:12px 18px}.brand-stage{width:86%;justify-self:center;aspect-ratio:1.3;margin:4px 0 16px;border-top-right-radius:48px;box-shadow:12px 13px 0 #dedcd5}.brand-stage img{width:42%;max-height:140px}.stage-bottom{font-size:32px}.stage-top{font-size:10px}.hero-bottom{font-size:13px;gap:10px}.services{margin-top:25px}.section{padding-top:54px;padding-bottom:54px}.section h2{font-size:34px}.agency-service summary{grid-template-columns:25px minmax(0,1fr);padding:22px 8px;gap:10px}.agency-service summary strong{font-size:21px}.agency-service[open] summary{padding:22px 16px}.service-rate{grid-column:2;font-size:16px}.agency-body{grid-template-columns:1fr;padding:0 16px 20px;gap:16px}.agency-body aside{padding:20px}.statement{display:block;padding:46px 6%}.statement h2{font-size:30px;margin-bottom:22px}.statement>p:last-child{font-size:16px}.steps{grid-template-columns:1fr;gap:12px}.steps article{display:grid;grid-template-columns:45px 1fr;gap:10px 16px;padding:22px}.steps span{grid-row:1/3;font-size:32px}.steps h3{margin:0;font-size:21px}.steps p{grid-column:2}.offer-picker button{padding:16px 12px}.contact h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){.brand-stage{animation:none;transition:none;transform:none}.brand-stage img{transform:none}.agency-service summary{transition:none}}