/* Reference refinements apply only while FLIP is on. */
html[data-visual-mode=chaos] .hero-art img{mix-blend-mode:normal;background:#fff;filter:none;border:3px solid #111;box-shadow:13px 13px 0 #111}
html[data-visual-mode=chaos] .hero h1 em{font-family:'Nanum Pen Script',cursive!important;font-weight:400!important;font-size:1.14em;letter-spacing:-.03em;line-height:1.08;color:#fff;background:var(--purple);-webkit-text-stroke:0;padding:0 .22em .1em}
html[data-visual-mode=chaos] .hero .button,html[data-visual-mode=chaos] .hero .button span{color:#fff}
html[data-visual-mode=chaos] .objects .caption h3{font-size:30px;line-height:1.25}
html[data-visual-mode=chaos] .story h2 span{font-family:'Nanum Pen Script',cursive!important;font-weight:400!important;font-size:1.17em;letter-spacing:-.03em;color:var(--coral);-webkit-text-stroke:0}
html[data-visual-mode=chaos] .collection h2{color:var(--coral)}
html[data-visual-mode=chaos] .chaos-circle,html[data-visual-mode=chaos] .chaos-underline{position:relative;display:inline-block}
html[data-visual-mode=chaos] .chaos-circle:after{content:'';position:absolute;inset:8% -5% 0 -5%;border:2px solid var(--coral);border-radius:48% 52% 49% 45%;transform:rotate(-5deg);pointer-events:none}
html[data-visual-mode=chaos] .chaos-underline:after{content:'';position:absolute;left:-2%;right:-2%;bottom:2px;height:5px;border-top:2px solid var(--coral);border-radius:50%;transform:rotate(2deg);pointer-events:none}
html[data-visual-mode=chaos] .chaos-underline:before{content:'☆';position:absolute;left:4%;top:-.58em;color:var(--coral);font-size:1.2em;transform:rotate(-17deg);pointer-events:none}
@media(max-width:760px){html[data-visual-mode=chaos] .objects .caption h3{font-size:27px}html[data-visual-mode=chaos] .hero-art img{box-shadow:10px 10px 0 #111}html[data-visual-mode=chaos] .story h2 span{font-size:1.2em}}

/* Loose marker strokes, matching the supplied story reference. */
html[data-visual-mode=chaos] .story-copy>p:not(.small){font-size:36px;line-height:1.9;margin-bottom:48px}
html[data-visual-mode=chaos] .chaos-circle:after{inset:0 21% 0 -2%;border:0;border-radius:0;transform:rotate(-2deg);background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20340%2080%22%20preserveAspectRatio%3D%22none%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ff6b4a%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M326%2031C314%207%20211%202%20119%208C48%2011%205%2026%208%2044C10%2070%20121%2078%20229%2065C306%2056%20343%2042%20326%2031Z%22/%3E%3Cpath%20d%3D%22M325%2027C279%202%20127%201%2054%2020C-9%2036%203%2060%2075%2069C166%2080%20308%2061%20333%2042C343%2032%20327%2020%20308%2018%22/%3E%3C/g%3E%3C/svg%3E") center/100% 100% no-repeat}
html[data-visual-mode=chaos] .chaos-underline:before{content:"";left:12%;top:-.55em;width:1.45em;height:1.4em;transform:rotate(-8deg);background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2062%22%3E%3Cpath%20d%3D%22M28%204L37%2053L5%2020L58%2018L15%2055L28%204L34%208L41%2051L9%2023L55%2017L17%2052%22%20fill%3D%22none%22%20stroke%3D%22%23ff6b4a%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E") center/contain no-repeat}
html[data-visual-mode=chaos] .chaos-underline:after{left:15%;right:-9%;bottom:0;height:18px;border:0;transform:none;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20480%2024%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M4%2010Q161%20-1%20454%2013M18%2015Q234%201%20478%2022%22%20fill%3D%22none%22%20stroke%3D%22%23ff6b4a%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22/%3E%3C/svg%3E") center/100% 100% no-repeat}
@media(max-width:760px){html[data-visual-mode=chaos] .story-copy>p:not(.small){font-size:30px;line-height:2;margin-bottom:46px}}
html[lang=en][data-visual-mode=chaos] .chaos-circle:after{right:-2%}

html[data-visual-mode=chaos] .chaos-question{display:inline-block;position:relative}
html[data-visual-mode=chaos] .chaos-question:after{content:"";position:absolute;right:-.65em;top:-.36em;width:.65em;height:.8em;pointer-events:none;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2030%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ff6b4a%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%2012L16%205L12%2012L17%209L8%2015L12%208M9%2022L10%2025L13%2021L14%2025L17%2022%22/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}