.paper-theatre{--pt-ink:#39231d;--pt-paper:#f4ead8;--pt-red:#a52d28;background:var(--pt-paper);color:var(--pt-ink);font-family:Georgia,'Songti SC','STSong',serif;position:relative;isolation:isolate;overflow:hidden;min-height:calc(100svh - 56px);display:flex;flex-direction:column;justify-content:space-between;--pt-open:0%;--pt-x:0px}
.pt-scenery{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.pt-wing{position:absolute;inset:0;transition:transform 1.3s cubic-bezier(.22,1,.36,1)}.pt-wing img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.pt-wing-left{clip-path:inset(0 50% 0 0);transform:translateX(calc(0% - var(--pt-open) + var(--pt-x)))}.pt-wing-right{clip-path:inset(0 0 0 50%);transform:translateX(calc(var(--pt-open) + var(--pt-x)))}
.pt-top{display:flex;justify-content:center;gap:28px;align-items:center;padding:5% 20px 0;font-size:15px;letter-spacing:.08em}.pt-top i{width:36px;height:1px;background:#806b56}
.pt-content{width:min(100%,740px);align-self:center;text-align:center;padding:6% 28px 3%;position:relative}.pt-content h2{font-size:clamp(40px,4.8vw,76px);font-weight:400;line-height:1.3;letter-spacing:-.045em}.pt-subtitle{letter-spacing:.55em;font-size:16px;margin:14px 0 48px;padding-left:.55em}.pt-form{max-width:440px;margin:0 auto;text-align:left}.pt-field{margin-bottom:22px}.pt-field label{display:block;font-size:17px;margin-bottom:4px}.pt-input{border-bottom:1px solid #72584b;display:flex;align-items:center;transition:border-color .2s,box-shadow .2s}.pt-input:focus-within{border-color:var(--pt-red);box-shadow:0 2px 0 var(--pt-red)}.pt-input input{width:100%;min-width:0;background:transparent;border:0;border-radius:0;color:var(--pt-ink);padding:13px 10px;height:52px;font-family:inherit;font-size:18px;outline:none}.pt-input input::placeholder{color:#827367;opacity:1}.pt-reveal{display:grid;place-items:center;min-width:48px;height:48px;background:none;border:0;color:var(--pt-ink)}.pt-reveal svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.4;fill:none}.pt-error{color:#8b221c;font-family:Inter,'PingFang SC',sans-serif;font-size:13px;line-height:1.5;min-height:1.5em;margin-top:4px}.pt-input:has([aria-invalid=true]){border-color:#8b221c}.pt-submit{height:62px;width:100%;display:flex;align-items:center;justify-content:center;position:relative;border:1px solid var(--pt-red);background:var(--pt-red);color:#fff4df;font-size:24px;letter-spacing:.12em;border-radius:2px;transition:background .2s,transform .2s}.pt-submit svg{position:absolute;right:22px;width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.3;transition:transform .3s}.pt-submit:hover svg{transform:translateX(4px)}.pt-submit:hover{background:#86231f}.pt-submit:active{transform:scale(.99)}.pt-submit:disabled{opacity:.65;cursor:default}.pt-submit[aria-busy=true]{cursor:wait}.pt-feedback{font-family:Inter,'PingFang SC',sans-serif;font-size:14px;line-height:1.7;min-height:2.6em;margin-top:10px;text-align:center}.pt-demo-actions{display:flex;justify-content:center;gap:24px;margin-top:4px;flex-wrap:wrap}.pt-demo-actions button{font-family:inherit;font-size:15px;background:none;border:0;min-height:44px;padding:0 12px}.pt-demo-actions button:hover{text-decoration:underline;text-underline-offset:5px}.pt-demo-actions button+button{position:relative}.pt-demo-actions button+button:before{content:'';position:absolute;left:-12px;top:14px;height:16px;border-left:1px solid #9b806e}.pt-note{color:#6d594c;font-size:13px;line-height:1.8;margin:15px auto 0;max-width:440px}.pt-footer{display:flex;justify-content:space-between;align-items:center;gap:22px;margin:0 12%;padding:12px 0 20px;border-top:1px solid #8c726150;font-size:14px;letter-spacing:.04em;position:relative}.pt-footer>div{display:flex;align-items:center;gap:24px}.pt-footer button{border:0;background:none;font-family:inherit;font-size:14px;min-height:44px;padding:0 4px}.pt-footer a{min-height:44px;display:flex;align-items:center;gap:10px}.pt-footer svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4}.paper-theatre a:focus-visible,.paper-theatre button:focus-visible{outline:2px solid var(--pt-red);outline-offset:4px}.paper-theatre[data-state=success] .pt-submit{background:#354b33;border-color:#354b33}.paper-theatre.pt-still .pt-wing{transition:none}.paper-theatre.pt-still .pt-submit,.paper-theatre.pt-still .pt-submit svg,.paper-theatre.pt-still .pt-input{transition:none}
@media(min-width:1000px) and (max-height:900px){.pt-top{padding-top:32px}.pt-content{padding-top:40px;padding-bottom:25px}.pt-content h2{font-size:60px}.pt-subtitle{margin-bottom:28px}.pt-field{margin-bottom:12px}.pt-input input{height:47px}.pt-submit{height:54px}.pt-note{margin-top:5px}}
@media(max-width:1000px){.pt-content{padding-top:65px;padding-bottom:45px}.pt-top{padding-top:40px}.pt-wing img{object-fit:fill}.pt-wing-left{clip-path:inset(0 75% 0 0)}.pt-wing-right{clip-path:inset(0 0 0 75%)}.pt-content{width:min(75%,640px);padding-left:20px;padding-right:20px}.pt-content h2{font-size:clamp(34px,5.8vw,60px)}.pt-footer{margin:0 6%;font-size:12px;gap:15px}.pt-footer>div{gap:12px}}
@media(max-width:600px){.paper-theatre{min-height:calc(100svh - 56px)}.pt-top{padding-top:38px;font-size:12px;gap:16px}.pt-top i{width:20px}.pt-wing-left{clip-path:inset(0 91% 0 0)}.pt-wing-right{clip-path:inset(0 0 0 91%)}.pt-wing img{object-fit:cover}.pt-content{width:100%;padding:45px 32px 28px}.pt-content h2{font-size:clamp(30px,7.8vw,44px);white-space:nowrap}.pt-subtitle{font-size:11px;letter-spacing:.37em;margin:14px 0 34px}.pt-field{margin-bottom:12px}.pt-field label{font-size:16px}.pt-input input{font-size:16px;height:50px;padding-left:2px}.pt-error{font-size:12px}.pt-submit{height:54px;font-size:22px}.pt-feedback{font-size:12px;min-height:3.6em}.pt-demo-actions{gap:12px;margin-top:0}.pt-demo-actions button{font-size:13px;padding:0 6px}.pt-demo-actions button+button:before{left:-6px}.pt-note{font-size:11px;margin-top:6px;max-width:300px}.pt-footer{margin:0 25px;padding-bottom:22px;flex-wrap:wrap;gap:4px 14px;font-size:12px}.pt-footer>span{width:100%;text-align:center;padding:8px 0}.pt-footer>div{gap:20px}.pt-footer button{font-size:12px}.pt-footer>a{margin-left:auto}.pt-footer svg{width:17px;height:17px}}
@media(prefers-reduced-motion:reduce){.paper-theatre *{transition:none!important;animation:none!important}}
@media(max-width:600px){.pt-wing-left{mask-image:linear-gradient(to right,#000 0 4%,transparent 9%)}.pt-wing-right{mask-image:linear-gradient(to left,#000 0 4%,transparent 9%)}}
