.sfo{--sfo-bg:var(--e-gv-35cef91,#0D0D0D);--sfo-text:var(--e-gv-e561443,#f2f0eb);--sfo-accent:var(--e-gv-bdd69cf,#F2B705);--sfo-muted:var(--e-gv-17a1878,#8a8a85);--sfo-head:var(--e-gv-663f235,"Chakra Petch");--sfo-body:var(--e-gv-5a42bf5,"Barlow");position:relative;overflow:hidden;background:var(--sfo-bg);color:var(--sfo-text);-webkit-tap-highlight-color:transparent}
.sfo *,.sfo *::before,.sfo *::after{box-sizing:border-box}
.sfo ::selection{background:rgba(242,183,5,.26);color:var(--sfo-text)}
.sfo__mark{position:absolute;top:-1.5rem;right:.5rem;z-index:0;font-family:var(--sfo-head),sans-serif;font-weight:700;font-size:clamp(11rem,42vw,22rem);line-height:1;color:transparent;-webkit-text-stroke:1px rgba(242,183,5,.22);pointer-events:none;user-select:none}
.sfo__inner{position:relative;z-index:2;display:flex;flex-direction:column;gap:2rem;width:100%;max-width:84rem;margin:0 auto;padding:3.25rem 1.15rem 3.5rem}
.sfo__head{display:flex;flex-direction:column;gap:.7rem;max-width:34rem}
.sfo__eyebrow{display:flex;align-items:center;gap:.6rem;margin:0;font-family:var(--sfo-body),sans-serif;font-size:.68rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--sfo-muted)}
.sfo__dot{flex:none;width:.4rem;height:.4rem;border-radius:50%;background:var(--sfo-accent)}
.sfo__title{margin:0;font-family:var(--sfo-head),sans-serif;font-weight:700;font-size:clamp(2.1rem,9vw,2.9rem);line-height:.98;letter-spacing:-.035em;color:var(--sfo-text)}
.sfo__title em{font-style:italic;color:var(--sfo-accent)}
.sfo__lead{margin:0;font-family:var(--sfo-body),sans-serif;font-size:1rem;line-height:1.65;color:var(--sfo-muted)}
.sfo__panel{position:relative;padding:1.15rem;border:1px solid rgba(242,240,235,.14);background:linear-gradient(180deg,rgba(242,240,235,.04),rgba(242,240,235,.01))}
.sfo__panel::before,.sfo__panel::after{content:"";position:absolute;width:1.15rem;height:1.15rem;border:1px solid var(--sfo-accent);pointer-events:none}
.sfo__panel::before{top:-1px;left:-1px;border-right:0;border-bottom:0}
.sfo__panel::after{bottom:-1px;right:-1px;border-left:0;border-top:0}
.sfo__slot{min-height:14rem;display:flex;align-items:center;justify-content:center}
.sfo__slot>*{max-width:100%}
.sfo__empty{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:2.25rem 1rem;text-align:center}
.sfo__stars{font-size:1rem;letter-spacing:.3em;color:var(--sfo-accent)}
.sfo__empty-title{margin:0;font-family:var(--sfo-head),sans-serif;font-weight:700;font-size:1.05rem;letter-spacing:-.01em;color:var(--sfo-text)}
.sfo__empty-hint{margin:0;max-width:22rem;font-family:var(--sfo-body),sans-serif;font-size:.88rem;line-height:1.55;color:var(--sfo-muted)}
@media (min-width:1025px){
.sfo__inner{display:grid;grid-template-columns:5fr 7fr;align-items:center;column-gap:clamp(3rem,6vw,6rem);padding:6rem 3rem 6.5rem}
.sfo__head{max-width:26rem}
.sfo__title{font-size:clamp(2.9rem,4.4vw,4.4rem)}
.sfo__lead{font-size:1.08rem}
.sfo__panel{padding:1.75rem}
.sfo__slot{min-height:20rem}
.sfo__mark{top:-2.5rem;right:6vw;font-size:clamp(16rem,24vw,28rem)}
}