.nord-branding { padding:80px 5%; background:var(--nord-surface); color:var(--nord-black); }
.nord-branding .nord-branding-layout { gap:64px; margin:0; }
.nord-branding .nord-branding-event { position:relative; margin:0 28px; padding:12px 12px 64px; border-radius:8px; background:var(--nord-surface); box-shadow:0 12px 36px color-mix(in srgb,var(--nord-black) 12%,transparent); }
.nord-branding-event figcaption { margin:16px 0 0; font-size:calc(var(--nord-body-size) * 1); font-weight:600; text-align:center; color:var(--nord-black); }
.nord-branding-event img { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:contain; }
.nord-branding-copy { min-width:0; order:1; }
.nord-branding-copy h2 { margin:16px 0 24px; font-size:calc(var(--nord-global-size-h2,var(--wp--preset--font-size--section)) * 1.166667); line-height:1.1; }
.nord-branding-copy > p:not(.nord-story-eyebrow),.nord-branding-options { font-size:calc(var(--nord-body-size) * 1); line-height:1.7; }
.nord-branding-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:0; margin:20px 0 24px; list-style:none; }
.nord-branding-options > li { min-width:0; margin:0; padding:24px 8px; border:0; border-radius:8px; background:var(--nord-surface); color:var(--nord-black); box-shadow:0 8px 28px color-mix(in srgb,var(--nord-black) 9%,transparent); font-size:calc(var(--nord-body-size) * 0.875); font-weight:600; line-height:1.5; text-align:center; overflow-wrap:anywhere; }
.nord-branding-cta .wp-block-button__link { background:var(--nord-button-bg); color:var(--nord-button-text); border-radius:4px; font:700 calc(var(--nord-button-size) * 0.875)/1.4 var(--nord-font-button); text-transform:uppercase; padding:16px 24px; }
.nord-branding-visual { min-width:0; order:2; }
.nord-branding .nord-branding-samples { position:relative; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28%; margin:-44px 0 0; }
.nord-branding-samples > .nord-branding-sample { min-width:0; margin:0; padding:10px 10px 14px; background:var(--nord-surface); border-radius:8px; box-shadow:0 10px 30px color-mix(in srgb,var(--nord-black) 12%,transparent); }
.nord-branding-samples > .nord-branding-sample:first-child { grid-column:2; grid-row:1; transform:rotate(3deg); }
.nord-branding-samples > .nord-branding-sample:last-child { grid-column:1; grid-row:1; transform:rotate(-3deg); }
.nord-branding-sample img { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:contain; }
.nord-branding-sample figcaption { margin:8px 0 0; color:var(--nord-black); font-size:calc(var(--nord-body-size) * 0.875); font-weight:600; text-align:center; }
@media(max-width:1000px) { .nord-branding .nord-branding-layout { gap:32px; } .nord-branding-copy h2 { font-size:calc(var(--nord-global-size-h2,var(--wp--preset--font-size--section)) * 0.944444); } }
@media(max-width:781px) { .nord-branding { padding:48px 20px; } .nord-branding .nord-branding-layout { gap:40px; } .nord-branding-copy h2 { font-size:calc(var(--nord-global-size-h2,var(--wp--preset--font-size--section)) * 0.833333); } .nord-branding .nord-branding-event { margin:0 16px; padding:8px 8px 56px; } .nord-branding .nord-branding-samples { gap:20%; margin-top:-36px; } }
@media(max-width:480px) { .nord-branding-options { gap:8px; } .nord-branding-options > li { padding:20px 4px; font-size:calc(var(--nord-body-size) * 0.8125); } }