.amra-stage { padding-bottom: 54px; }
.amra-opening { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); align-items: center; gap: clamp(28px,5vw,70px); width: min(1140px,100%); margin: 34px auto 0; }
.amra-opening-copy { max-width: 500px; }
.amra-opening-copy h2,.amra-process-intro h2,.amra-color-copy h2 { margin: 0; font: 800 clamp(28px,3.2vw,42px)/1.08 var(--heading-font); letter-spacing: -.025em; }
.amra-opening-copy>p:last-child,.amra-process-intro>p:last-child,.amra-color-copy>p:nth-last-child(2) { margin: 13px 0 0; font: 800 clamp(15px,1.25vw,17px)/1.55 var(--heading-font); }
.amra-opening-logos { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.amra-opening-logo { display: flex; min-width: 0; flex-direction: column; justify-content: space-between; margin: 0; padding: 16px; border: 1px solid rgb(17 73 0 / 18%); border-radius: 10px; background: linear-gradient(145deg,rgb(251 245 204 / 66%),rgb(255 254 248 / 98%)); box-shadow: 0 14px 36px rgb(17 73 0 / 7%); }
.amra-opening-logo>div { display: grid; place-items: center; height: 220px; }
.amra-opening-logo img { display: block; width: 90%; max-height: 190px; object-fit: contain; }
.amra-opening-stacked img { width: auto; max-width: 75%; }
.amra-opening-logo figcaption { margin-top: 12px; font: 500 11px/1.2 'Barlow Condensed',sans-serif; letter-spacing: 1.7px; }
.amra-process-intro { position: relative; z-index: 1; max-width: 760px; margin: clamp(64px,9vw,110px) auto 26px; text-align: center; }
.amra-process-intro>p:last-child { max-width: 680px; margin-inline: auto; }
.amra-process-list { margin-top: 28px; }
.amra-process-page .process-board { background: linear-gradient(145deg,rgb(251 245 204 / 56%),rgb(255 254 248 / 94%)); }
.amra-process-page .process-board img { background: transparent; }
.amra-image-trio,.amra-image-pair { display: grid; place-items: center; min-height: 280px; gap: 10px; }
.amra-image-trio { grid-template-columns: repeat(3,minmax(0,1fr)); }
.amra-image-pair { grid-template-columns: repeat(2,minmax(0,1fr)); }
.amra-image-trio img,.amra-image-pair img { display: block; width: 100%; height: auto; max-height: 220px; object-fit: contain; }
.amra-image-pair img { max-height: 145px; }
.amra-color-section { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,1fr) minmax(300px,.8fr); align-items: center; gap: clamp(28px,5vw,70px); width: min(1140px,100%); margin: 26px auto 0; padding: clamp(24px,4vw,48px); border: 1px solid rgb(17 73 0 / 16%); border-radius: 12px; background: rgb(255 254 248 / 78%); box-shadow: 0 16px 42px rgb(17 73 0 / 7%); }
.amra-swatches { display: grid; gap: 14px; }
.amra-swatch { display: grid; grid-template-columns: 75px minmax(0,1fr); align-items: center; gap: 16px; padding: 14px; border: 1px solid rgb(17 73 0 / 14%); border-radius: 9px; background: #fffef8; }
.amra-swatch-color { display: block; width: 75px; height: 72px; border-radius: 7px; }
.amra-swatch-color.sage { background: #96b48a; }
.amra-swatch-color.violet { background: #6a1a3f; }
.amra-swatch strong,.amra-swatch span:not(.amra-swatch-color) { display: block; }
.amra-swatch strong { margin-bottom: 5px; font-size: 18px; }
.amra-swatch div span { font: 500 12px/1.45 'Barlow',sans-serif; }
.amra-final-section { margin-top: clamp(72px,9vw,105px); }
.amra-logo-sets { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: stretch; gap: 22px; }
.amra-logo-set { min-width: 0; padding: 16px; border: 1px solid rgb(17 73 0 / 18%); border-radius: 10px; background: #fffef8; box-shadow: 0 16px 42px rgb(17 73 0 / 8%); }
.amra-logo-set:last-child:nth-child(odd) { grid-column: 1/-1; width: min(560px,100%); justify-self: center; }
.amra-logo-set h3 { margin: 0 0 12px; font: 800 19px/1.2 var(--heading-font); }
.amra-logo-variants { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.amra-logo-variant { display: flex; min-width: 0; flex-direction: column; margin: 0; overflow: hidden; border: 1px solid rgb(17 73 0 / 14%); border-radius: 7px; background: #fbfaef; }
.amra-logo-variant>div { display: grid; place-items: center; min-height: 164px; padding: 12px; }
.amra-logo-variant img { display: block; width: 94%; max-height: 136px; object-fit: contain; }
.amra-logo-variant.is-negative.sage-negative { color: #fff; border-color: #114900; background: #114900; }
.amra-logo-variant.is-negative.violet-negative { color: #fff; border-color: #6a1a3f; background: #6a1a3f; }
.amra-logo-variant.is-negative>div { background: inherit; }
.amra-logo-variant .amra-negative-logo { filter: brightness(0) invert(1); }
.amra-logo-variant figcaption { padding: 8px 10px; font: 500 10px/1.2 'Barlow Condensed',sans-serif; letter-spacing: 1.6px; }
.amra-logo-variant.is-negative figcaption { color: #fff; }
.amra-mockups { margin-top: clamp(64px,8vw,96px); }
.amra-mockups-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: clamp(14px,2.3vw,26px); }
.amra-mockup-card { min-width: 0; margin: 0; overflow: hidden; border: 1px solid rgb(17 73 0 / 18%); border-radius: 10px; background: #fffef8; box-shadow: 0 16px 42px rgb(17 73 0 / 8%); }
.amra-mockup-photo { position: relative; overflow: hidden; aspect-ratio: 3/2; background: #ebe7d9; }
.amra-mockup-bg { display: block; width: 100%; height: 100%; object-fit: cover; }
.amra-mockup-mark { position: absolute; display: block; height: auto; object-fit: contain; mix-blend-mode: multiply; opacity: .88; }
.mug-mark { left: 50%; top: 52%; width: 24%; transform: translate(-50%,-50%) perspective(400px) rotateY(-8deg) rotate(-1deg); }
.paper-mark { left: 69%; top: 30%; width: 20%; transform: translate(-50%,-50%) rotate(10deg); opacity: .84; }
.tshirt-mark { left: 62%; top: 44%; width: 10%; transform: translate(-50%,-50%) rotate(-4deg); opacity: .86; }
.amra-mockup-card figcaption { display: grid; gap: 3px; padding: 12px 14px 14px; }
.amra-mockup-card figcaption strong { font: 800 17px/1.2 var(--heading-font); }
.amra-mockup-card figcaption span { font: 500 11px/1.35 'Barlow Condensed',sans-serif; letter-spacing: 1.25px; text-transform: uppercase; opacity: .75; }
.amra-process-page .page-dialog h2 { white-space: normal; }
@media(max-width:900px) {
 .amra-opening { grid-template-columns: 1fr; gap: 24px; }
 .amra-opening-copy { max-width: 720px; margin-inline: auto; text-align: center; }
 .amra-opening-logos { width: min(720px,100%); margin-inline: auto; }
 .amra-color-section { grid-template-columns: 1fr; }
 .amra-mockups-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .amra-mockup-card:last-child { grid-column: 1/-1; width: min(540px,100%); justify-self: center; }
}
@media(max-width:700px) {
 .amra-stage { padding-bottom: 36px; }
 .amra-opening { margin-top: 22px; }
 .amra-opening-copy h2,.amra-process-intro h2,.amra-color-copy h2 { font-size: clamp(27px,7.5vw,34px); }
 .amra-opening-copy>p:last-child,.amra-process-intro>p:last-child,.amra-color-copy>p:nth-last-child(2) { font-size: 14px; }
 .amra-opening-logos { gap: 10px; }
 .amra-opening-logo { padding: 10px; border-radius: 8px; }
 .amra-opening-logo>div { height: 150px; }
 .amra-opening-logo img { max-height: 130px; }
 .amra-opening-logo figcaption { font-size: 9px; }
 .amra-process-intro { margin: 54px auto 18px; }
 .amra-image-trio,.amra-image-pair { min-height: 160px; gap: 4px; }
 .amra-image-trio img { max-height: 130px; }
 .amra-image-pair img { max-height: 100px; }
 .amra-color-section { margin-top: 8px; padding: 18px; gap: 22px; }
 .amra-swatch { grid-template-columns: 58px minmax(0,1fr); gap: 12px; padding: 10px; }
 .amra-swatch-color { width: 58px; height: 58px; }
 .amra-swatch strong { font-size: 16px; }
 .amra-swatch div span { font-size: 11px; }
 .amra-logo-sets { grid-template-columns: 1fr; gap: 14px; }
 .amra-logo-set:last-child:nth-child(odd) { grid-column: auto; width: 100%; }
 .amra-logo-set { padding: 12px; }
 .amra-logo-set h3 { font-size: 17px; }
 .amra-logo-variant>div { min-height: 132px; padding: 9px; }
 .amra-logo-variant img { max-height: 108px; }
 .amra-mockups-grid { grid-template-columns: 1fr; gap: 14px; }
 .amra-mockup-card:last-child { grid-column: auto; width: 100%; }
 .amra-mockup-card figcaption { padding: 10px 12px; }
}