/* ---- decoration (reused home-page assets; the content layer sits above it) ---- */
:not(#_) .aob-deco { position: absolute; z-index: 0; display: none; pointer-events: none; }
:not(#_) .aob-deco + .aob-container { position: relative; z-index: 1; }
:not(#_) .aob-deco img { max-width: none; }
:not(#_) .aob-deco--curve { display: block; top: -1px; left: 0; width: 100%; }
:not(#_) .aob-deco__curve { display: block; width: 100%; height: auto; }
@media (min-width: 1100px) {
	:not(#_) .aob-deco--corner, :not(#_) .aob-deco--edge, :not(#_) .aob-deco--flame { display: block; }
}
/* corner: blog pattern + arc, top right */
:not(#_) .aob-deco--corner { top: 0; right: 0; width: 267px; height: 261px; }
:not(#_) .aob-deco--corner .aob-deco__pattern { position: absolute; left: 0; top: 0; width: 267px; height: 261px; }
:not(#_) .aob-deco--corner .aob-deco__line { position: absolute; left: -1.5px; top: 0; width: 268.5px; height: 262.5px; }
/* edge: about pattern + orange line along the right edge */
:not(#_) .aob-deco--edge { top: 0; right: 0; width: 540px; height: 817px; -webkit-mask-image: linear-gradient(180deg, #000 55%, transparent 100%); mask-image: linear-gradient(180deg, #000 55%, transparent 100%); }
:not(#_) .aob-deco--edge .aob-deco__pattern { position: absolute; top: 0; right: -90px; width: 630px; height: 817px; }
:not(#_) .aob-deco--edge .aob-deco__line { position: absolute; top: 0; right: 140px; width: 399px; height: 817px; }
/* flame: faded candle (header logo crop) */
:not(#_) .aob-deco--flame { left: max(1rem, calc(50% - 620px)); top: 56px; width: 117px; height: 131px; overflow: hidden; opacity: 0.21; }
:not(#_) .aob-deco--flame .aob-deco__flame { position: absolute; left: -52.56%; top: 4.13%; width: 205.13%; height: 137.83%; }
/* flip: mirror to the left side */
:not(#_) .aob-deco--corner.aob-deco--flip, :not(#_) .aob-deco--edge.aob-deco--flip { right: auto; left: 0; transform: scaleX(-1); }