/* A cosmetic skin over the exact published homepage. No layout measurements,
   fonts, copy, colors, motion rules, or control behavior are replaced. */
body.amg-refined{
  --amg-rounded-inset:20px;
  --amg-rounded-section:36px;
  --amg-rounded-card:26px;
}

/* Paint inset silhouettes without narrowing the section or its original .wrap.
   Existing stacking contexts keep these backgrounds behind the same content. */
body.amg-refined :is(.site-header,.hero,.capabilities-section,.work-section,.approach-surface,.voices,.closing,footer){background:transparent}
body.amg-refined :is(.site-header,.hero,.capabilities-section,.work-section,.approach-surface,.voices,.closing,footer)::before{
  content:'';
  position:absolute;
  inset:0 var(--amg-rounded-inset);
  z-index:-1;
  border:1px solid transparent;
  border-radius:var(--amg-rounded-section);
  pointer-events:none;
}
body.amg-refined :is(.site-header,.work-section,footer)::before{background:var(--ink)}
body.amg-refined :is(.hero,.approach-surface)::before{background:var(--egg);border-color:var(--line)}
body.amg-refined :is(.capabilities-section,.voices)::before{background:#fff}
body.amg-refined .closing::before{background:var(--purple)}
body.amg-refined .site-header::before{border-radius:24px}

/* No new scroll containers or clipping around the dropdown, pinned grid, or
   sticky project stack. The two existing clipped art surfaces alone get masks. */
body.amg-refined :is(.site-header,.capabilities-section,.work-section){overflow:visible}
body.amg-refined :is(.hero,.closing){clip-path:inset(0 var(--amg-rounded-inset) round var(--amg-rounded-section))}
body.amg-refined [data-st-overlay-el]{
  inset:0 var(--amg-rounded-inset)!important;
  border-radius:var(--amg-rounded-section);
}

/* Dropdown geometry and its original internal scrolling remain untouched. */
body.amg-refined .service-menu{border-radius:24px}
body.amg-refined .amg-mega-panel[data-amg-nav-panel="true"]{border-radius:26px}
body.amg-refined .amg-mega-panel .amg-nav-preview{border-radius:20px}
body.amg-refined .amg-mega-panel .amg-nav-list>a{border-radius:13px}
body.amg-refined #mobile-nav{border-radius:22px}

body.amg-refined .capability-card{border-radius:var(--amg-rounded-card)}
body.amg-refined .project-stack[data-amg-projects] .project{border-radius:var(--amg-rounded-card)}
body.amg-refined .showcase-website{border-radius:20px}
body.amg-refined .woodland-showcase-main{border-radius:22px 0 0 22px}
body.amg-refined .woodland-showcase-express{border-radius:0 22px 22px 0}
body.amg-refined .quote-card{border-radius:var(--amg-rounded-card)}
body.amg-refined .video-card{border-radius:var(--amg-rounded-card);overflow:hidden}
body.amg-refined dialog{border-radius:26px}
body.amg-refined dialog video{border-radius:15px}

/* Round only existing filled actions. Underlined project and text links keep
   their flat rules, including the header booking and perspective controls. */
body.amg-refined :is(.hero-actions .button,.closing .button,#mobile-nav .button,.watch-button){border-radius:999px}
body.amg-refined :is(.menu-toggle,.dialog-header button){border-radius:16px}

@media(max-width:600px){
  body.amg-refined{
    --amg-rounded-inset:12px;
    --amg-rounded-section:24px;
    --amg-rounded-card:22px;
  }
  body.amg-refined .site-header::before{border-radius:20px}
  body.amg-refined .amg-mega-panel[data-amg-nav-panel="true"]{border-radius:22px}
  body.amg-refined .showcase-website{border-radius:16px}
  body.amg-refined .woodland-showcase-main{border-radius:18px 18px 0 0}
  body.amg-refined .woodland-showcase-express{border-radius:0 0 18px 18px}
  body.amg-refined dialog{border-radius:22px}
}

/* Additive AMG presentation skin. Load after the existing homepage rounded skin.
   Section paint is inset; original wrappers, grids and reading widths stay put. */
body.amg-refined{
  --amg-rounded-inset:20px;
  --amg-rounded-section:36px;
  --amg-rounded-card:26px;
}

/* Isolated paint layers avoid new scroll containers or changes to GSAP layers.
   The contact watermark remains above the background and below its content. */
body.amg-refined:not(.home) :is(
  .page-hero,.about-hero,.service-hero-surface,.service-intro-surface,
  .catalog-band,.decision-surface,.agency-surface,.belief-section,.mark-story,
  .bs-section,.bs-final,.ow-project,.contact-hero,.contact-surface,.contact-next,
  .closing,footer
){
  --amg-rounded-paint:var(--egg);
  position:relative;
  isolation:isolate;
  background:transparent;
}
body.amg-refined:not(.home) :is(
  .page-hero,.about-hero,.service-hero-surface,.service-intro-surface,
  .catalog-band,.decision-surface,.agency-surface,.belief-section,.mark-story,
  .bs-section,.bs-final,.ow-project,.contact-hero,.contact-surface,.contact-next,
  .closing,footer
)::before{
  content:'';
  position:absolute;
  inset:0 var(--amg-rounded-inset);
  z-index:-2;
  border:1px solid transparent;
  border-radius:var(--amg-rounded-section);
  background:var(--amg-rounded-paint);
  pointer-events:none;
}

/* Keep every approved surface color, including the catalog's alternation. */
body.amg-refined:not(.home) :is(.catalog-band,.bs-white,.ow-project){--amg-rounded-paint:#fff}
body.amg-refined:not(.home) .catalog-band:nth-child(even){--amg-rounded-paint:#e4dce9}
body.amg-refined:not(.home) :is(.dark-hero,.privacy-hero,.mark-story,.bs-dark,.ow-coach,.contact-hero,footer){--amg-rounded-paint:var(--ink)}
body.amg-refined:not(.home) :is(.belief-section,.bs-final,.closing){--amg-rounded-paint:var(--purple)}
body.amg-refined:not(.home) :is(.wd-seo,.dm-connections,.cg-connected){--amg-rounded-paint:#e0d5e9}
body.amg-refined:not(.home) .ow-woodland{--amg-rounded-paint:var(--egg)}
body.amg-refined:not(.home) .ow-afrvbz{--amg-rounded-paint:#f5f2e9}
body.amg-refined:not(.home) .contact-next{--amg-rounded-paint:#dfd4e8}
body.amg-refined:not(.home) .amg-editorial-questions{--amg-rounded-paint:var(--egg)}

/* A fine existing-color edge makes eggshell-on-eggshell corners readable. */
body.amg-refined:not(.home) :is(
  .page-hero:not(.dark-hero):not(.privacy-hero),.about-hero,
  .service-hero-surface,.service-intro-surface,.decision-surface,.agency-surface,
  .bs-light,.ow-woodland,.contact-surface,.amg-editorial-questions
)::before{border-color:var(--line)}

/* Transition shade follows the cosmetic silhouette, never a new clipping box. */
body.amg-refined:not(.home) [data-st-overlay-el]{
  inset:0 var(--amg-rounded-inset)!important;
  border-radius:var(--amg-rounded-section);
}

/* Existing framed artwork gains corners without rounding logos or the Mark. */
body.amg-refined :is(
  .brand-sheet,.social-concept,.concept-browser,.growth-graphic,
  .ow-editorial-site,.ow-woodland-identities,.afrvbz-gallery,.afrvbz-closeup,
  .inquiry-form
){border-radius:var(--amg-rounded-card)}
body.amg-refined :is(.ow-editorial-site,.afrvbz-gallery,.afrvbz-closeup){overflow:hidden}
body.amg-refined .ow-editorial-site .ow-site-preview{
  border-radius:var(--amg-rounded-card) var(--amg-rounded-card) 0 0;
}
body.amg-refined :is(.ow-testimonial-video video,dialog video){border-radius:18px}
body.amg-refined dialog{border-radius:var(--amg-rounded-card)}

/* Keep FAQs editorial and open. Only their enclosing surface is rounded;
   question rows, category underlines, and the sticky topic controls stay flat. */
body.amg-refined .amg-editorial-questions{border-radius:var(--amg-rounded-section)}

/* Form fields keep their original size, fill, focus outline and native behavior. */
body.amg-refined .inquiry-form :is(input:not([type=checkbox]),textarea){border-radius:12px}
body.amg-refined .inquiry-form input[type=checkbox]{border-radius:4px}

/* Filled actions only. Underlined project/service links remain underlined. */
body.amg-refined :is(
  .hero-actions .button,.hero-split-line .button,.catalog-copy .button,
  .contact-hero .button,.closing .button,.bs-final .bs-button,.inquiry-form .button
){border-radius:999px}
body.amg-refined .bs-related-grid .bs-text-link{border-radius:16px}
body.amg-refined :is(.device-controls button,.art-controls button,.dialog-header button){border-radius:14px}

@media(max-width:600px){
  body.amg-refined{
    --amg-rounded-inset:12px;
    --amg-rounded-section:24px;
    --amg-rounded-card:22px;
  }
  body.amg-refined .ow-editorial-site .ow-site-preview{
    border-radius:22px 22px 0 0;
  }
  body.amg-refined :is(.ow-testimonial-video video,dialog video){border-radius:15px}
  body.amg-refined .inquiry-form :is(input:not([type=checkbox]),textarea){border-radius:10px}
}