:root{color:#122b3d;font-synthesis:none;text-rendering:optimizelegibility;background:#f6f1e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0}.effect-lab{width:min(100%,92rem);min-height:100svh;margin-inline:auto;padding:clamp(1rem,4vw,4rem)}.effect-lab__header{text-align:center;max-width:44rem;margin:0 auto clamp(2rem,5vw,4.5rem)}.effect-lab__eyebrow,.interaction-hint{color:#122b3d94;letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;font-weight:650}.effect-lab__header h1{letter-spacing:-.045em;margin:.45rem 0 .7rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.1rem,5vw,4.75rem);font-weight:500;line-height:.98}.effect-lab__header>p:last-child{color:#122b3dad;margin:0}.effect-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2.5vw,2rem);display:grid}.effect-card{background:#fffcf794;border:1px solid #122b3d1f;border-radius:1.25rem;padding:clamp(1rem,2.5vw,2rem);position:relative;overflow:hidden}.effect-card .effect-card__logo{width:100%;margin-block:clamp(.5rem,2vw,1.5rem)}.interaction-hint{text-align:center;margin:clamp(1.5rem,4vw,3rem) 0 0}@media (width<=52rem){.effect-grid{grid-template-columns:1fr}}@media (hover:none){.interaction-hint{display:none}}