:root{--paper:#e5ff45;--ink:#161616}body{min-height:100svh;display:flex;flex-direction:column}header .brand{font-size:22px}main{flex:1;display:flex;flex-direction:column;min-height:700px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;margin:28px 3.3vw 15px}h1{font-family:Bricolage,Inter,sans-serif;font-weight:800;letter-spacing:-.075em;font-size:clamp(60px,19vw,320px);line-height:.85;margin:0 3vw;flex:1;display:flex;align-content:center;justify-content:center;flex-wrap:wrap;gap:0 .16em;min-height:520px;padding:35px 0 65px;overflow:hidden}h1 .word{white-space:nowrap;display:inline-flex}h1 .letter{display:inline-block;transform-origin:center center;will-change:transform}form{padding:30px 3.3vw;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:3vw;border-top:1px solid var(--ink)}form label,legend{font-size:13px;font-weight:700}.words input{width:100%;display:block;background:none;border:1px solid var(--ink);padding:15px;margin-top:13px;border-radius:0;font-size:16px}.energy>span{display:flex;align-items:center;gap:15px;margin-top:13px}.energy input{width:100%}output{min-width:25px}fieldset{display:flex;border:0;padding:0;gap:8px;margin:0}legend{padding:0;margin-bottom:13px}fieldset button{background:none;border:1px solid var(--ink);padding:12px;flex:1;font-size:13px}fieldset button[aria-pressed=true]{background:var(--ink);color:var(--paper)}footer{padding:22px 3.3vw 30px}.credit{font-size:10px}@media(max-width:650px){main{min-height:700px}.eyebrow{margin:30px 20px 0;font-size:10px}h1{font-size:26vw;margin:0 16px;min-height:350px;padding:30px 0 45px;align-content:center}form{padding:25px 20px;grid-template-columns:1fr 1fr;gap:22px}.words{grid-column:1/-1}.energy>span{gap:7px}fieldset{gap:4px}fieldset button{padding:10px 7px;font-size:12px}legend,form label{font-size:12px}footer{padding:20px}.credit{font-size:9px}}
h1{display:grid;gap:12px;font-size:100px;padding:22px 0 45px;min-height:560px}.line{display:flex;align-items:center;justify-content:center;min-height:0}.line-content{display:inline-flex;flex-shrink:0;gap:.18em;transform-origin:center center;font-size:100px;line-height:1}.word{letter-spacing:-.07em}@media(max-width:650px){h1{min-height:360px;padding:20px 0 35px;gap:6px}.line-content{gap:.13em}}