/* DreamCode — Legend News & Blog. All rules scoped to the widget. */
.dc-nb { --dc-nb-cream:#F2E5D4; width:100%; min-width:0; max-width:100%; margin:0; background:#2E1E0F; color:var(--dc-nb-cream); box-sizing:border-box; }
.dc-nb *, .dc-nb *::before, .dc-nb *::after { box-sizing:border-box; }
.dc-nb__inner { width:calc(100% - 160px); max-width:1280px; margin:0 auto; padding:64px 0; display:grid; grid-template-columns:minmax(0,519.333fr) minmax(0,736.667fr); align-items:start; column-gap:24px; }
.dc-nb__inner--text-only { display:block; }
.dc-nb__copy { min-width:0; max-width:100%; padding-top:60px; }
.dc-nb__breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:4px; min-height:18px; margin:0; color:var(--dc-nb-cream); font-size:12px; line-height:18px; font-weight:400; }
.dc-nb__breadcrumb a { color:inherit; font-size:inherit; line-height:inherit; text-decoration:none; transition:color .2s ease; }
.dc-nb__breadcrumb a:hover, .dc-nb__breadcrumb a:focus-visible { color:#fff; text-decoration:underline; }
.dc-nb__sep { padding:0 1px; }
.dc-nb .dc-nb__title { display:block; margin:28px 0 0; padding:0; border:0; color:var(--dc-nb-cream); background:none; font-family:Georgia,'Times New Roman',serif; font-size:clamp(33px,4.2vw,62px); font-weight:400; letter-spacing:-.045em; line-height:1.12; text-transform:none; overflow-wrap:anywhere; word-break:normal; }
.dc-nb .dc-nb__desc { margin:13px 0 0; padding:0; color:var(--dc-nb-cream); font-family:Arial,Helvetica,sans-serif; font-size:16px; font-weight:400; line-height:1.75; overflow-wrap:anywhere; white-space:pre-line; }
/* Exact original vector outlines. Accessible HTML text remains inside the h1 and paragraph. */
.dc-nb .dc-nb__title.dc-nb--vector { font-size:0; line-height:0; letter-spacing:0; width:100%; max-width:519.333px; }
.dc-nb .dc-nb__title.dc-nb--vector::before { content:""; display:block; width:100%; aspect-ratio:519.333 / 80; background:currentColor; transform:translateY(-7px); -webkit-mask:url('../vectors/title.svg') center / contain no-repeat; mask:url('../vectors/title.svg') center / contain no-repeat; }
.dc-nb .dc-nb__desc.dc-nb--vector { font-size:0; line-height:0; letter-spacing:0; width:100%; max-width:519.333px; white-space:normal; }
.dc-nb .dc-nb__desc.dc-nb--vector::before { content:""; display:block; width:100%; aspect-ratio:519.333 / 92; background:currentColor; -webkit-mask:url('../vectors/description.svg') center / contain no-repeat; mask:url('../vectors/description.svg') center / contain no-repeat; }
.dc-nb__actions { display:flex; align-items:center; flex-wrap:wrap; gap:14px 36px; margin:29px 0 0; padding:0; min-width:0; }
.dc-nb a.dc-nb__cta,.dc-nb span.dc-nb__cta { display:inline-flex; align-items:center; justify-content:flex-start; gap:10px; min-width:0; max-width:100%; padding:0; border:0; outline-offset:5px; border-radius:0; box-shadow:none; background:transparent; background-image:none; color:var(--dc-nb-cream); font:400 14px/1.45 Arial,Helvetica,sans-serif; text-decoration:none; text-align:left; text-transform:none; word-break:normal; overflow-wrap:anywhere; cursor:pointer; transition:color .2s ease; }
.dc-nb span.dc-nb__cta { cursor:default; }
.dc-nb a.dc-nb__cta:hover,.dc-nb a.dc-nb__cta:focus-visible,.dc-nb a.dc-nb__cta:active { background:transparent; background-image:none; border-color:transparent; color:#fff; box-shadow:none; }
.dc-nb__cta-label { display:inline; text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px; }
.dc-nb__cta-icon { display:inline-flex; flex:0 0 auto; align-items:center; justify-content:center; width:18px; height:18px; color:inherit; transition:transform .22s ease; }
.dc-nb__cta-icon svg, .dc-nb__cta-icon i { display:block; width:100%; height:100%; color:inherit; fill:currentColor; }
.dc-nb__cta-icon svg path[fill="none"] { fill:none; }
.dc-nb a.dc-nb__cta:hover .dc-nb__cta-icon,.dc-nb a.dc-nb__cta:focus-visible .dc-nb__cta-icon { transform:translateX(4px); }
.dc-nb__photo { position:relative; align-self:start; width:100%; max-width:100%; min-width:0; aspect-ratio:736.667 / 414.375; margin:0; padding:0; border:0; border-radius:0; overflow:hidden; isolation:isolate; background:#3B2918; }
.dc-nb__photo picture, .dc-nb__photo .dc-nb__image-link { display:block; position:absolute; inset:0; width:100%; height:100%; }
.dc-nb__photo img { position:absolute; inset:0; display:block; width:100%; height:100%; min-width:100%; max-width:100%; object-fit:cover; object-position:center center; transition:transform .6s cubic-bezier(.22,1,.36,1); }
.dc-nb__photo.dc-nb--zoom:hover img,.dc-nb__photo.dc-nb--zoom:focus-within img { transform:scale(1.04); }
.dc-nb__image-link { cursor:zoom-in; }
.dc-nb__image-link:focus-visible { outline:3px solid #f2e5d4; outline-offset:-3px; }
.dc-nb__inner--text-only .dc-nb__copy { max-width:760px; }
@media(max-width:1199px) { .dc-nb__inner { width:calc(100% - 80px); } .dc-nb__copy { padding-top:30px; } }
@media(max-width:1024px) {
 .dc-nb__inner { width:calc(100% - 64px); grid-template-columns:minmax(0,1fr); gap:32px; }
 .dc-nb__copy { padding-top:0; }
 .dc-nb .dc-nb__title.dc-nb--vector { font-size:clamp(37px,6vw,62px); line-height:1.12; letter-spacing:-.04em; width:auto; max-width:none; }
 .dc-nb .dc-nb__desc.dc-nb--vector { font-size:16px; line-height:1.75; width:auto; max-width:720px; }
 .dc-nb .dc-nb__title.dc-nb--vector::before,.dc-nb .dc-nb__desc.dc-nb--vector::before { display:none; }
 .dc-nb__photo { aspect-ratio:16/9; }
}
@media(max-width:767px) {
 .dc-nb__inner { width:calc(100% - 40px); padding:32px 0; gap:26px; }
 .dc-nb__breadcrumb { font-size:12px; line-height:1.5; }
 .dc-nb .dc-nb__title, .dc-nb .dc-nb__title.dc-nb--vector { font-size:clamp(34px,9vw,46px); line-height:1.1; letter-spacing:-.04em; margin-top:20px; }
 .dc-nb .dc-nb__desc, .dc-nb .dc-nb__desc.dc-nb--vector { font-size:15px; line-height:1.65; margin-top:18px; }
 .dc-nb__actions { margin-top:26px; }
 .dc-nb__photo { aspect-ratio:4/3; }
}
@media(max-width:430px) {
 .dc-nb__inner { width:calc(100% - 36px); }
 .dc-nb__actions { row-gap:16px; column-gap:24px; }
 .dc-nb a.dc-nb__cta, .dc-nb span.dc-nb__cta { min-height:44px; }
}
@media(max-width:350px) { .dc-nb__inner { width:calc(100% - 32px); } .dc-nb .dc-nb__title, .dc-nb .dc-nb__title.dc-nb--vector { font-size:32px; } }
@media(prefers-reduced-motion:reduce) { .dc-nb *, .dc-nb *::before, .dc-nb *::after { transition-duration:0.01ms !important; animation-duration:0.01ms !important; scroll-behavior:auto !important; } }