[data-v="lullonote"]{--nav-h:56px}
@media (min-width:768px){[data-v="lullonote"]{--nav-h:72px}}
@media (max-width:1023.98px){[data-v="lullonote"] .nav{padding-right:calc(var(--m) + 30px)}}
[data-v="lullonote"] .hero{position:relative}
[data-v="lullonote"] .hero__copy,[data-v="lullonote"] .hero__phone{position:relative;z-index:1}
.room{position:absolute;left:0;right:0;top:calc(var(--nav-h) * -1);bottom:0;overflow:hidden;pointer-events:none;z-index:0}
.room__glow{position:absolute;left:-60px;top:232px;width:510px;height:640px;background:radial-gradient(closest-side,oklch(0.82 0.12 65 / 0.22),transparent 70%)}
.room__cone{position:absolute;left:0;right:0;top:calc(var(--nav-h) - 24px);height:1400px;background:linear-gradient(180deg,oklch(0.93 0.13 88 / 0.73) 0,oklch(0.93 0.1 85 / 0.1) 632px);clip-path:polygon(calc(100% - 41px) 0,calc(100% + 5px) 0,calc(100% + 353px) 1400px,calc(100% - 1009px) 1400px)}
.room__lamp{position:absolute;right:-12px;top:0;width:60px;height:34px}
@media (prefers-reduced-motion:no-preference){
  .js .room__cone{opacity:0;animation:fail-show 0.01s linear 2.5s forwards}
  .js .room__cone.is-on{animation:none}
  .js .lamp-on{opacity:0;animation:fail-show 0.01s linear 2.5s forwards}
  .js .lamp-on.is-on{animation:none}
}
@media (min-width:1024px){
  .room{--cx:calc(var(--m) + (100% - 2 * var(--m) - 264px) * 0.791667 + 216px - var(--ph-shift,0px))}
  .room__glow{left:calc(var(--cx) - 455px);top:-160px;width:910px;height:1290px;background:radial-gradient(closest-side,oklch(0.82 0.12 65 / 0.18),transparent 70%)}
  .room__cone{left:calc(var(--cx) - 453px);right:auto;width:906px;top:76px;height:1200px;background:linear-gradient(180deg,oklch(0.93 0.13 88 / 0.7) 0,oklch(0.93 0.12 87 / 0.5) 329px,oklch(0.93 0.11 86 / 0.33) 626px,oklch(0.93 0.1 85 / 0.15) 824px);clip-path:polygon(393px 0,513px 0,906px 1200px,0 1200px)}
  .room__lamp{right:auto;left:calc(var(--cx) - 42px);width:84px;height:48px}
}
@media (min-width:1024px) and (max-width:1199.98px){
  .room__cone{top:44px;clip-path:polygon(421px 0,485px 0,906px 1200px,0 1200px)}
}
@media (min-width:1200px){
  .room__lamp{left:calc(var(--cx) - 70px);width:140px;height:80px}
}

@media (max-width:767.98px){
  [data-v="lullonote"] .hero{padding-top:8px}
  [data-v="lullonote"] .micro{margin-top:8px}
  [data-v="lullonote"] .hero__phone{margin-top:0}
}