.creovers-site { --paper:#fff; --ink:#171b1f; --brand-dark:#11191f; --orange:#1e4b74; }
.creovers-site h1,.creovers-site h2,.creovers-site h3,.creovers-site a,.creovers-site p,.creovers-site span,.creovers-site strong,.creovers-site button { letter-spacing:0; }
.creovers-site h2 { font-size:3rem; line-height:1.15; font-weight:600; }
.creovers-site .kicker { font-size:.875rem; letter-spacing:0; }
.site-nav__list a { font-size:.875rem; }
.site-header { background:rgba(255,255,255,.96); }
.field>span,.consent,.application-points p,.field small { font-size:.875rem; }
.application-hero__content>p,.application-after__grid p { font-size:1rem; }
.site-nav__list { gap:22px; }
.creovers-intro { --intro-opacity:1; --intro-scale:1; --intro-y:0px; --intro-blur:0px; --intro-veil:1; position:relative; z-index:120; height:180vh; height:180svh; margin-top:calc(-1 * var(--creovers-intro-header-height,var(--header-height))); color:#fff; pointer-events:none; }
.creovers-intro-sticky { position:sticky; top:0; width:100%; height:100vh; height:100svh; overflow:hidden; display:grid; place-items:center; }
.creovers-intro-veil { position:absolute; inset:0; overflow:hidden; background:radial-gradient(ellipse at 74% 46%,rgba(4,69,141,.42) 0%,rgba(9,25,47,.55) 42%,transparent 78%),linear-gradient(145deg,#060e1a,#030712); opacity:var(--intro-veil); }
.creovers-intro-scroll-layer { position:relative; z-index:5; margin:0; width:min(750px,60vw); max-width:calc(100% - 48px); opacity:var(--intro-opacity); transform:translate3d(0,var(--intro-y),0) scale(var(--intro-scale)); filter:blur(var(--intro-blur)); }
.creovers-intro-mouse-layer { display:block; transform:translate3d(var(--intro-mouse-x,0px),var(--intro-mouse-y,0px),0); transition:transform 600ms cubic-bezier(.22,1,.36,1); }
.creovers-intro-logo { display:block; width:100%; height:auto; }
.has-js .creovers-intro-logo { animation:creovers-intro-enter 1400ms cubic-bezier(.16,1,.3,1) both; }
.creovers-intro.is-animating .creovers-intro-scroll-layer { will-change:transform,opacity; }
.creovers-intro.is-revealed .creovers-intro-sticky { visibility:hidden; }
.creovers-intro + .agency-reel { position:relative; margin-top:calc(-180vh + var(--creovers-intro-header-height,var(--header-height))); margin-top:calc(-180svh + var(--creovers-intro-header-height,var(--header-height))); }
.creovers-intro + .agency-reel .reel-stage { position:sticky; top:var(--creovers-intro-header-height,var(--header-height)); }
.creovers-intro + .agency-reel::after { content:""; display:block; height:80vh; height:80svh; }
.creovers-intro-active .agency-scroll { visibility:hidden; pointer-events:none; }
@keyframes creovers-intro-enter {
  from { opacity:0; transform:scale(.94); filter:blur(10px); }
  to { opacity:1; transform:scale(1); filter:blur(0); }
}
@media(max-width:700px) {
  .creovers-intro { height:150vh; height:150svh; }
  .creovers-intro-scroll-layer { width:min(520px,84vw); }
  .creovers-intro + .agency-reel { margin-top:calc(-150vh + var(--creovers-intro-header-height,var(--header-height))); margin-top:calc(-150svh + var(--creovers-intro-header-height,var(--header-height))); }
  .creovers-intro + .agency-reel::after { height:50vh; height:50svh; }
}
@media(prefers-reduced-motion:reduce) {
  .creovers-intro { height:100vh; height:100svh; }
  .creovers-intro + .agency-reel { margin-top:0; }
  .creovers-intro + .agency-reel .reel-stage { position:relative; top:0; }
  .creovers-intro + .agency-reel::after { display:none; }
  .creovers-intro-scroll-layer { transform:none; filter:none; opacity:1; }
  .has-js .creovers-intro-logo { animation:none; }
  .creovers-intro-mouse-layer { transform:none; transition:none; }
  .creovers-intro-veil { opacity:1; }
}
.agency-reel { background:#080d12; color:#fff; }
.reel-heading { display:flex; align-items:end; justify-content:space-between; gap:32px; padding-block:44px 30px; }
.reel-heading .kicker { color:#a9bccc; margin-bottom:10px; }
.reel-heading h2 { margin:0; font-size:1.5rem; }
.reel-heading>span { font-size:.875rem; color:#a9bccc; white-space:nowrap; }
.reel-stage { position:relative; width:100%; background:#101821; }
.reel-stage { aspect-ratio:12/5; }
.reel-video { display:block; width:100%; height:100%; object-fit:contain; }
.reel-controls { position:absolute; bottom:28px; left:max(24px,calc((100vw - 1240px)/2)); display:flex; gap:10px; align-items:center; padding:8px; border-radius:6px; background:rgba(8,13,18,.85); }
.reel-control { display:inline-grid; place-items:center; width:44px; height:44px; flex:0 0 auto; color:inherit; background:transparent; border:1px solid #657580; border-radius:4px; }
.reel-control:hover { background:#1e4b74; color:white; }
.reel-control:disabled { opacity:.3; cursor:default; }
.reel-control svg { width:22px; height:22px; }
.reel-controls>span { font-size:.875rem; font-variant-numeric:tabular-nums; padding-inline:8px; }
.reel-progress { position:absolute; bottom:0; height:3px; background:#536170; width:100%; }
.reel-progress i { display:block; width:100%; height:100%; background:#fff; transform:scaleX(0); transform-origin:left; }
.reel-contact { background:#eff3f5; border-bottom:1px solid #ced7dd; }
.reel-contact__inner { min-height:136px; padding-block:28px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.reel-contact p { margin:0; color:#52616b; font-size:1rem; }
.reel-contact strong { font-weight:600; color:#171b1f; }
.reel-contact a { display:flex; align-items:center; gap:16px; font-size:1.75rem; font-weight:600; color:#1e4b74; overflow-wrap:anywhere; }
.reel-contact svg { width:28px; height:28px; flex-shrink:0; }
.reel-status { padding-block:20px; }
.agency-about__grid { display:grid; grid-template-columns:1fr 2fr; gap:64px; }
.agency-about__grid h2 { margin-bottom:28px; }
.agency-about__grid>div>p { max-width:760px; color:#56616b; font-size:1.125rem; }
.agency-services { --travel:0px; position:relative; background:#070c10; color:#fff; }
.agency-services.is-pinned { height:calc(var(--sticky-height) + var(--travel)); }
.services-sticky { padding-top:32px; padding-bottom:28px; }
.is-pinned .services-sticky { position:sticky; top:var(--header-height); height:var(--sticky-height); display:flex; flex-direction:column; justify-content:space-between; }
.services-top { display:flex; justify-content:space-between; align-items:center; gap:20px; }
.services-top .kicker { margin:0; }
.services-top>span { color:#adbac5; font-size:.875rem; font-variant-numeric:tabular-nums; }
.services-viewport { overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:none; scroll-snap-type:x mandatory; }
.services-viewport::-webkit-scrollbar { display:none; }
.is-pinned .services-viewport { width:100%; min-width:0; max-width:100%; overflow:clip; scroll-snap-type:none; }
.services-rail { display:flex; align-items:center; gap:24px; width:max-content; padding:38px max(24px,calc((100vw - 1240px)/2)); }
.rail-heading-box { width:320px; flex:0 0 auto; scroll-snap-align:center; padding-right:24px; }
.rail-heading-box h2 { font-size:3rem; margin-bottom:24px; }
.rail-heading-box p { color:#afbdc8; font-size:1rem; }
.rail-heading-box .text-link { color:#fff; margin-top:20px; }
.agency-service-card { position:relative; flex:0 0 auto; width:390px; height:min(56svh,480px); min-height:340px; border:1px solid #394751; border-radius:8px; overflow:hidden; padding:0; color:#fff; background:#11191f; text-align:left; scroll-snap-align:center; }
.agency-service-card>img { width:100%; height:100%; object-fit:cover; transition:transform .6s; }
.agency-service-card:hover>img { transform:scale(1.04); }
.card-footer { position:absolute; inset:auto 0 0; padding:56px 26px 28px; background:linear-gradient(transparent,rgba(5,10,14,.92) 42%,#050a0e); }
.card-footer h3 { font-size:1.5rem; line-height:1.25; margin:8px 0; font-weight:600; }
.card-footer span { font-size:.875rem; color:#94d5f6; }
.card-footer p { font-size:1rem; margin:0; color:#c6d0d7; }
.services-bottom { display:flex; gap:40px; align-items:center; padding-bottom:28px; }
.services-progress { height:2px; flex:1; background:#34424c; overflow:hidden; }
.services-progress i { display:block; width:100%; height:100%; background:#90d5fa; transform:scaleX(0); transform-origin:left; }
.services-actions { display:flex; gap:10px; }
.agency-work { background:#070c10; color:#fff; border-top:1px solid #34424c; }
.agency-section-heading { display:flex; justify-content:space-between; align-items:end; gap:40px; margin-bottom:56px; }
.agency-section-heading h2 { margin:0; }
.agency-section-heading>p { margin:0; color:#84939f; font-size:1rem; }
.agency-projects { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; }
.agency-project { border:0; background:transparent; padding:0; color:inherit; text-align:left; min-width:0; }
.project-image { overflow:hidden; aspect-ratio:4/5; background:#192127; border-radius:6px; }
.project-image img { width:100%; height:100%; object-fit:cover; transition:transform .6s; }
.agency-project:hover img { transform:scale(1.04); }
.project-meta { padding-top:24px; border-bottom:1px solid #34424c; padding-bottom:22px; }
.project-meta span { font-size:.875rem; color:#92ccec; }
.project-meta h3 { font-size:1.375rem; margin:10px 0; line-height:1.4; }
.project-meta p { margin:0; color:#a6b2bc; font-size:1rem; }
.agency-why { background:#fff; }
.agency-why-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.agency-why-grid article { border-top:1px solid #cfd4d8; padding:36px 40px 42px 0; }
.agency-why-grid article:nth-child(even) { border-left:1px solid #cfd4d8; padding-left:40px; }
.agency-why-grid span { color:#1e4b74; font-size:.875rem; }
.agency-why-grid h3 { font-size:1.5rem; margin:24px 0 16px; }
.agency-why-grid p { color:#56616b; margin:0; max-width:490px; }
.agency-process { background:#11191f; color:#fff; }
.agency-process__grid { display:grid; grid-template-columns:1fr 1.2fr; gap:90px; }
.agency-process__grid>div>p:not(.kicker) { color:#a9b8c4; }
.agency-process__grid .button { margin-top:24px; }
.agency-process ol { list-style:none; margin:0; padding:0; }
.agency-process li { display:grid; grid-template-columns:40px 1fr; gap:24px; padding:30px 0; border-top:1px solid #45515b; }
.agency-process li:first-child { padding-top:0; border-top:0; }
.agency-process li>span { color:#90d5fa; }
.agency-process li h3 { font-size:1.375rem; margin:0 0 12px; }
.agency-process li p { color:#a9b8c4; margin:0; }
.agency-faq { background:#f3f5f6; }
.agency-faq__grid { display:grid; grid-template-columns:1fr 1.6fr; gap:80px; }
.faq-list details { border-top:1px solid #c7cfd4; padding:24px 0; }
.faq-list details:last-child { border-bottom:1px solid #c7cfd4; }
.faq-list summary { cursor:pointer; font-size:1.0625rem; font-weight:600; padding-right:20px; }
.faq-list p { margin:18px 0 0; color:#56616b; }
.site-footer { background:#1e4b74; }
.site-footer__lead h2 { font-size:3rem; line-height:1.2; }
.site-footer__brand p,.site-footer__column { font-size:1rem; }
.site-footer__column strong,.site-footer__bottom { font-size:.875rem; }
.agency-dialog { width:min(640px,calc(100% - 32px)); max-height:86svh; border:0; border-radius:8px; background:#fff; color:#11191f; padding:32px; }
.agency-dialog::backdrop { background:rgba(0,0,0,.75); }
.dialog-top { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:32px; }
.dialog-top>span { font-size:.875rem; color:#1e4b74; }
.agency-dialog h2 { font-size:2rem; }
.agency-dialog p,.agency-dialog li { color:#56616b; }
.agency-dialog ul { padding-left:22px; margin-bottom:32px; }
.agency-scroll { position:fixed; bottom:22px; right:24px; z-index:80; display:flex; align-items:center; gap:12px; color:#fff; background:rgba(10,17,23,.9); border:1px solid #5e7383; padding:10px 16px; border-radius:4px; font-size:.875rem; }
.agency-scroll svg { width:20px; height:20px; }
.agency-scroll[hidden] { display:none; }
:focus-visible { outline:3px solid #66b7e9; outline-offset:5px; }
@media(max-width:1080px) { .site-nav__list { gap:14px; } .agency-process__grid { gap:50px; } }
@media(max-width:900px) {
  .agency-about__grid,.agency-process__grid,.agency-faq__grid { grid-template-columns:1fr; gap:32px; }
  .agency-section-heading { align-items:start; flex-direction:column; gap:20px; }
  .agency-services .services-sticky { padding-block:38px; }
  .agency-service-card { width:340px; height:460px; }
  .rail-heading-box { width:310px; }
  .agency-projects { gap:18px; }
  .project-meta h3 { font-size:1.125rem; }
  .site-nav { background:#fff; }
  .site-nav__list { gap:0; }
}
@media(max-width:700px) {
  .creovers-site h2 { font-size:2rem; }
  .motion-intro__brand { width:min(92%,460px); }
  .motion-intro p { font-size:1rem; }
  .motion-scene__copy h2 { font-size:2.625rem; }
  .motion-final h2 { font-size:3rem; }
  .reel-heading { flex-direction:column; align-items:start; gap:14px; padding-block:28px 22px; }
  .reel-heading h2 { font-size:1.25rem; }
  .reel-heading>span { font-size:.875rem; }
  .reel-stage { aspect-ratio:auto; height:62svh; min-height:360px; max-height:600px; }
  .reel-video { height:100%; }
  .reel-contact__inner { flex-direction:column; align-items:flex-start; gap:18px; min-height:148px; }
  .reel-contact a { font-size:1.25rem; gap:12px; }
  .reel-contact svg { width:22px; height:22px; }
  .reel-controls { bottom:16px; left:12px; gap:6px; padding:6px; }
  .reel-controls>span { font-size:.875rem; }
  .agency-about__grid { gap:20px; }
  .agency-about__grid>div>p { font-size:1rem; }
  .services-rail { padding:30px 16px; gap:18px; }
  .rail-heading-box { width:calc(100vw - 64px); padding-right:18px; }
  .rail-heading-box h2 { font-size:2.5rem; }
  .agency-service-card { width:calc(100vw - 64px); height:450px; max-height:65svh; min-height:340px; }
  .card-footer { padding:48px 22px 24px; }
  .card-footer h3 { font-size:1.5rem; }
  .agency-projects { grid-template-columns:1fr; gap:38px; }
  .project-image { aspect-ratio:4/3; }
  .project-meta h3 { font-size:1.375rem; }
  .agency-why-grid { grid-template-columns:1fr; }
  .agency-why-grid article,.agency-why-grid article:nth-child(even) { padding:28px 0; border-left:0; }
  .agency-why-grid h3 { margin-top:16px; font-size:1.375rem; }
  .agency-section-heading { margin-bottom:36px; }
  .agency-process li { gap:14px; grid-template-columns:32px 1fr; }
  .agency-dialog { padding:24px; }
  .agency-scroll { bottom:14px; right:14px; padding:8px 12px; }
  .services-bottom { padding-bottom:44px; }
  .site-footer__lead h2 { font-size:2rem; }
}
@media(prefers-reduced-motion:reduce) { .services-rail { transform:none!important; } .agency-service-card>img,.project-image img { transition:none; } }

/* Editorial upper sections and scroll-linked service artwork. */
.reel-contact { background:#dced78; color:#11191f; border-bottom:1px solid #b7c754; }
.reel-contact__inner { min-height:152px; padding-block:28px; gap:28px; }
.reel-contact .kicker { margin:0 0 10px; color:#384327; }
.creovers-site .reel-contact h2 { font-size:1.5rem; margin:0; white-space:nowrap; }
.reel-contact__actions { display:flex; align-items:center; justify-content:flex-end; gap:30px; }
.reel-contact .contact-method { display:flex; align-items:center; gap:12px; color:#11191f; font-size:1rem; font-weight:600; }
.contact-method small { display:block; font-size:.875rem; color:#384327; font-weight:400; margin-bottom:5px; }
.contact-method svg { width:24px; height:24px; flex-shrink:0; }
.reel-contact .contact-method:hover { color:#1e4b74; }
.reel-contact .button { font-size:.875rem; white-space:nowrap; color:#fff; gap:0; }
.agency-about { background:#fff; }
.about-heading { display:flex; justify-content:space-between; gap:24px; align-items:center; border-top:1px solid #cfd4d8; padding-top:24px; margin-bottom:52px; }
.about-heading .kicker { margin:0; }
.about-heading>span { font-size:.875rem; color:#66727b; }
.agency-about__grid { grid-template-columns:1.1fr 1fr; gap:80px; align-items:start; }
.creovers-site .about-manifesto h2 { font-size:4.5rem; line-height:1.1; margin:0 0 30px; }
.about-manifesto em { color:#1e4b74; font-family:Georgia,serif; font-weight:400; }
.about-manifesto p { font-size:1.125rem; max-width:500px; color:#56616b; }
.about-studio__image { aspect-ratio:16/9; overflow:hidden; }
.about-studio__image img { width:100%; height:100%; object-fit:cover; object-position:50% 55%; }
.about-studio__copy { padding-top:28px; }
.about-studio__copy p { font-size:1rem; margin:0 0 20px; color:#56616b; }
.about-disciplines { margin-top:52px; display:grid; grid-template-columns:repeat(4,1fr); border-block:1px solid #cfd4d8; }
.about-disciplines span { padding:18px 0; font-size:1rem; color:#56616b; }
.services-sticky { position:relative; isolation:isolate; overflow:hidden; }
.services-top { position:relative; }
.services-backdrop { position:absolute; inset:70px 0 auto; z-index:-1; text-align:center; overflow:hidden; pointer-events:none; }
.services-backdrop span { display:block; font-size:9rem; line-height:1; font-weight:600; color:transparent; -webkit-text-stroke:1px #324047; white-space:nowrap; }
.services-rail { gap:30px; padding-block:58px; }
.rail-heading-box h2 { font-size:3.5rem; }
.rail-heading-box h2 em { color:#dced78; font-family:Georgia,serif; font-weight:400; }
.agency-service-card { --accent:#a2d6f0; --card-rotation:0deg; --card-lift:0px; --art-shift:0px; height:min(54svh,450px); min-height:390px; transform:translateY(var(--card-lift)) rotate(var(--card-rotation)); transition:border-color .35s,box-shadow .35s; }
.agency-service-card.is-active { border-color:var(--accent); box-shadow:0 0 0 1px var(--accent); }
.service-commerce { --accent:#dced78; }
.service-graphic { --accent:#f1a4c3; }
.service-packaging { --accent:#b8a1f1; }
.service-seo { --accent:#94dacb; }
.service-brand { --accent:#f2be79; }
.service-art { position:absolute; inset:0; overflow:hidden; }
.service-art img { width:100%; height:100%; object-fit:cover; transform:translateX(var(--art-shift)) scale(1.12); transition:filter .4s; filter:saturate(.7); }
.agency-service-card.is-active .service-art img,.agency-service-card:hover .service-art img { filter:saturate(1.15); }
.service-symbol { position:absolute; top:22px; left:24px; display:grid; place-items:center; width:44px; height:44px; color:var(--accent); background:#11191f; border:1px solid var(--accent); border-radius:4px; }
.service-symbol svg { width:22px; height:22px; }
.card-footer { padding:72px 26px 26px; background:linear-gradient(transparent,rgba(5,10,14,.95) 35%,#050a0e); }
.card-footer span { color:var(--accent); }
.service-tags { display:flex; gap:16px; margin-top:16px; }
.service-tags small { font-size:.875rem; color:#ccd5dc; border-top:1px solid #68747c; padding-top:7px; }
.agency-projects { gap:40px 26px; }
.agency-project { --project-color:#1e4b74; position:relative; min-width:0; height:480px; border-radius:8px; background:#141a1e; overflow:hidden; transition:transform .45s,background .45s; }
.project-bookmark { clip-path:polygon(0 5%,55% 5%,59% 0,100% 0,100% 96%,94% 96%,90% 100%,0 100%); }
.project-identity { --project-color:#4b3165; }
.project-social { --project-color:#1c5f57; }
.project-print { --project-color:#305576; }
.project-design { --project-color:#773952; }
.project-site { --project-color:#365246; }
.project-tab { position:absolute; top:15px; right:20px; z-index:3; font-size:.75rem; font-weight:600; color:#e6eef3; }
.project-image { position:absolute; top:42px; left:16px; right:16px; height:255px; aspect-ratio:auto; border-radius:4px; }
.project-image img { filter:saturate(.55); transition:transform .65s,filter .65s; }
.agency-project:hover,.agency-project:focus-visible { background:var(--project-color); transform:translateY(-8px); }
.agency-project:hover img,.agency-project:focus-visible img { transform:scale(1.07); filter:saturate(1.2); }
.project-meta { position:absolute; inset:auto 24px 30px; z-index:2; padding:0; border:0; }
.project-meta h3 { margin:0 0 10px; line-height:1.35; font-weight:600; }
.project-meta p { color:#c1cbd1; max-width:310px; }
.project-meta .project-open { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:.875rem; color:#d8e5ed; margin-top:22px; }
.project-open svg { width:20px; height:20px; }
.project-folder { background:#c7dfeb; color:#11191f; }
.project-folder.project-design { background:#eed2dd; }
.project-folder.project-site { background:#daedb0; }
.project-folder .project-tab { color:#11191f; }
.project-folder .project-image { top:18px; left:18px; right:18px; height:285px; transition:transform .65s; }
.project-folder .project-meta { inset:192px 0 0; background:inherit; padding:24px; border-top:1px solid rgba(255,255,255,.3); clip-path:polygon(0 0,48% 0,54% 18px,100% 18px,100% 100%,0 100%); transition:transform .6s,background .6s; }
.project-meta .folder-number { display:block; font-size:2.5rem; font-weight:600; line-height:1; margin:0 0 26px; color:inherit; }
.project-folder .project-meta p,.project-folder .project-open { color:#34444d; }
.project-folder:hover,.project-folder:focus-visible { background:var(--project-color); color:#fff; }
.project-folder:hover .project-image,.project-folder:focus-visible .project-image { transform:translateY(-12px); }
.project-folder:hover .project-meta,.project-folder:focus-visible .project-meta { transform:translateY(22px); }
.project-folder:hover .project-meta p,.project-folder:hover .project-open,.project-folder:focus-visible .project-meta p,.project-folder:focus-visible .project-open,.project-folder:hover .project-tab,.project-folder:focus-visible .project-tab { color:#e6eef3; }
@media(max-width:1200px) {
  .reel-contact__inner { flex-wrap:wrap; }
  .reel-contact__actions { justify-content:flex-start; flex-wrap:wrap; gap:24px; }
  .agency-about__grid { gap:48px; }
  .creovers-site .about-manifesto h2 { font-size:3.5rem; }
}
@media(max-width:900px) {
  .agency-about__grid { grid-template-columns:1fr; gap:32px; }
  .agency-projects { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:700px) {
  .reel-contact__inner { gap:24px; }
  .reel-contact__actions { width:100%; display:grid; grid-template-columns:1fr; gap:24px; }
  .reel-contact .contact-method { font-size:1rem; gap:14px; }
  .reel-contact .button { width:100%; }
  .about-heading { margin-bottom:32px; flex-wrap:wrap; }
  .about-heading>span { font-size:.75rem; }
  .creovers-site .about-manifesto h2 { font-size:3rem; }
  .about-manifesto p { font-size:1rem; }
  .about-disciplines { grid-template-columns:repeat(2,1fr); margin-top:32px; }
  .services-rail { padding-block:54px; gap:24px; }
  .services-backdrop span { font-size:4.5rem; }
  .rail-heading-box h2 { font-size:2.5rem; }
  .agency-service-card { height:450px; max-height:none; min-height:390px; }
  .card-footer { padding:72px 22px 24px; }
  .agency-projects { grid-template-columns:1fr; gap:32px; }
  .agency-project { height:460px; }
}
@media(prefers-reduced-motion:reduce) {
  .agency-service-card,.service-art img,.agency-project,.project-image,.project-image img,.project-meta { transition:none!important; }
  .agency-project:hover,.agency-project:focus-visible,.project-folder:hover .project-meta,.project-folder:focus-visible .project-meta,.project-folder:hover .project-image,.project-folder:focus-visible .project-image,.agency-project:hover img,.agency-project:focus-visible img { transform:none; }
}