.top{position:relative;overflow:hidden}.field{position:absolute;inset:0 0 0 45%;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 65% 70% at 60% 50%,#000 15%,transparent 70%);mask-image:radial-gradient(ellipse 65% 70% at 60% 50%,#000 15%,transparent 70%)}.field canvas{width:100%;height:100%;display:block}.head{position:relative;z-index:1;padding-block:clamp(4rem,10vh,7.5rem) clamp(3.5rem,7vw,5.5rem)}.head h1{margin:0;font:500 clamp(3.125rem,6.6vw,5.75rem)/1 var(--display);letter-spacing:-.04em}.head h1 span.l{display:block}.head p{margin:1.75rem 0 0;max-width:40ch;font-size:clamp(1.125rem,1.55vw,1.25rem);line-height:1.55;color:var(--ink-2);text-wrap:pretty}.ways{--glow-a: #FF9466;--glow-b: #C9CBCE;position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;padding:clamp(1.25rem,4vw,3rem);margin-bottom:clamp(6rem,12vw,9.5rem)}.way{display:flex;flex-direction:column;padding:1.875rem 1.875rem 1.75rem}.way-k{display:flex;align-items:center;gap:.5625rem;font-size:.8125rem;color:var(--muted)}.way h2{margin:1.125rem 0 0;font:500 clamp(1.75rem,2.6vw,2.125rem)/1.1 var(--display);letter-spacing:-.03em}.way-what{margin:.625rem 0 0;max-width:38ch;font-size:.96875rem;line-height:1.5;color:var(--ink-2);text-wrap:pretty}.live{position:relative;width:.5rem;height:.5rem;border-radius:50%;background:var(--ok);flex:none}.live:after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--ok);animation:live 2.6s ease-out infinite}@keyframes live{0%{transform:scale(1);opacity:.5}70%,to{transform:scale(2.8);opacity:0}}.person{position:relative;width:.75rem;height:.75rem;flex:none}.person:before{content:"";position:absolute;left:.21875rem;top:0;width:.3125rem;height:.3125rem;border-radius:50%;background:var(--ink-2)}.person:after{content:"";position:absolute;left:1px;bottom:0;width:.625rem;height:.34375rem;border-radius:.3125rem .3125rem 1.5px 1.5px;background:var(--ink-2)}.ask-here{display:flex;align-items:center;gap:.5rem;margin-top:1.75rem;height:3.375rem;padding:0 .375rem 0 1.25rem;border-radius:62.4375rem;background:#ffffffb8;box-shadow:inset 0 0 0 1px #1314161a,inset 0 1px 2px #1314160a;transition:background-color .3s,box-shadow .3s}.ask-here:focus-within{background:#fff;box-shadow:inset 0 0 0 1px #13141629,0 .625rem 1.5rem -.875rem #13141647}.ask-here input{flex:1;min-width:0;height:100%;border:0;padding:0;background:transparent;font:400 1rem/1 var(--text);color:var(--ink);outline:none}.ask-here input::placeholder{color:var(--muted);opacity:1;transition:opacity .25s}.ask-here.is-turning input::placeholder{opacity:0}.ask-here button{flex:none;display:grid;place-items:center;width:2.625rem;height:2.625rem;padding:0;border:0;border-radius:50%;background:var(--ink);color:#fff;cursor:pointer;transition:background-color .2s,transform .35s var(--spring)}.ask-here button:hover{background:#000}.ask-here button:active{transform:scale(.92)}.ask-here button svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s var(--ease)}.ask-here:focus-within button svg{transform:translateY(-1px)}.tries{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.875rem}.tries button{height:2.125rem;padding:0 .875rem;border:0;border-radius:62.4375rem;background:#ffffff80;box-shadow:inset 0 0 0 1px #13141617;font-size:.84375rem;color:var(--ink-2);cursor:pointer;transition:background-color .2s,box-shadow .2s,color .2s,transform .35s var(--spring)}.tries button:hover{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px #13141633}.tries button:active{transform:scale(.96)}.book{margin:auto 0 0;padding-top:1.75rem}.book .btn{height:3.375rem;padding:0 1.5rem;font-size:1rem}.mail{display:flex;align-items:center;flex-wrap:wrap;gap:.875rem 1.5rem;margin-top:1rem}.mail .copy{height:3.375rem;padding:0 1.25rem;font-size:1rem;background:#ffffffb8;box-shadow:inset 0 0 0 1px #1314161a}.mail .copy:hover{background:#fff;box-shadow:inset 0 0 0 1px #13141633}.mail .copy svg{width:1rem;height:1rem}@media(max-width:900px){.ways{grid-template-columns:1fr}.field{inset:0 0 auto 40%;height:22.5rem;opacity:.8;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 100% 20%,#000 10%,transparent 70%);mask-image:radial-gradient(ellipse 80% 70% at 100% 20%,#000 10%,transparent 70%)}.book{margin-top:0}}@media(max-width:620px){.ways{padding:.875rem;gap:.875rem}.way{padding:1.5rem 1.25rem 1.375rem}.ask-here{height:3.25rem;padding-left:1rem}.book .btn,.mail .copy{height:3rem}.mail .copy{padding:0 1rem}}