/* YLO Consulting — Direction 04. All colours are exact template tokens. */
.ylo-logo{--midnight:#0A1E32;--steel:#295F8C;--sky:#82B5E3;--mineral:#DCE5EC;--white:#F1F2EF;position:relative;container-type:inline-size;width:min(100%,560px);aspect-ratio:1;border-radius:50%;background:var(--midnight);color:var(--white);isolation:isolate}
.ylo-logo::before{content:"";position:absolute;inset:3%;border:1.1cqw solid var(--mineral);border-radius:50%}
.ylo-word{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;text-align:center;font-family:Georgia,'Times New Roman',serif;font-size:35cqw;line-height:1;letter-spacing:-2cqw;font-weight:400;white-space:nowrap;text-box-trim:trim-both;text-box-edge:cap alphabetic}
.ylo-o{display:inline-block;position:relative;letter-spacing:0}

.ylo-tagline{position:absolute;inset:0;font-family:Arial,Helvetica,sans-serif;font-weight:400;color:var(--mineral)}
.ylo-tagline span{position:absolute;left:var(--x);top:var(--y);font-size:7.1cqw;line-height:1;white-space:pre;transform:translate(-50%,-50%) rotate(var(--r))}
.ylo-logo.light{background:var(--white);color:var(--midnight)}.ylo-logo.light::before{border-color:var(--steel)}.ylo-logo.light .ylo-tagline{color:var(--midnight)}.ylo-logo.light