.pg-hero{position:relative;margin-top:-76px;overflow:hidden;isolation:isolate}.ct-hero{background:var(--sky);padding:150px 0 clamp(90px,10vw,140px)}.ct-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 15% 25%,rgba(255,255,255,.55),transparent 35%),radial-gradient(circle at 85% 70%,rgba(255,255,255,.4),transparent 40%);z-index:-1}.ct-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(30px,5vw,70px);align-items:start}.ct-hero h1{font-size:clamp(54px,7.4vw,112px);line-height:.9;margin:22px 0 20px}.ct-hero h1 em.s{color:var(--cream);text-shadow:0 4px 0 var(--ink)}.ct-hero p.lede{font-size:clamp(17px,1.6vw,20px);color:var(--ink-2);max-width:36ch;margin:0 0 30px}.ct-ways{display:grid;gap:12px}.ct-grid>*,.pc>*{min-width:0}.way{display:flex;align-items:center;gap:16px;background:var(--cream);border:2.5px solid var(--ink);border-radius:22px;padding:14px 18px;text-decoration:none;box-shadow:0 5px 0 var(--ink);transition:transform .2s,box-shadow .2s}.way:hover{transform:translate(4px,-2px);box-shadow:0 7px 0 var(--ink)}.way .ic{flex:none;width:48px;height:48px;border-radius:16px;border:2px solid var(--ink);display:grid;place-items:center;background:var(--w)}.way .ic svg{width:24px}.way b{display:block;font:800 18px/1.1 var(--f-display);letter-spacing:-.01em}.way small{color:var(--ink-2);font-size:14px}.way i{margin-left:auto;font-style:normal;font:700 20px/1 var(--f-body);transition:transform .2s}.way:hover i{transform:translate(4px)}.pc-wrap{position:relative;perspective:1600px}.pc{position:relative;background:#fffdf7;border:2.5px solid var(--ink);border-radius:20px;box-shadow:0 10px 0 var(--ink),0 30px 60px -20px #0f1c2e59;padding:clamp(22px,3vw,34px);transform:rotate(1.2deg);transition:transform .9s cubic-bezier(.6,-.2,.3,1),opacity .6s;display:grid;grid-template-columns:1.25fr .75fr;gap:26px}.pc:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:2px dashed rgba(15,28,46,.12);border-radius:12px;pointer-events:none}.pc.sent{transform:translate(40vw,-60vh) rotate(24deg) scale(.6);opacity:0}.pc-left{display:grid;gap:14px;align-content:start;position:relative;z-index:1}.pc-left h2{font-size:clamp(28px,2.8vw,38px)}.pc-left h2 em.s{color:var(--cherry)}.topics{display:flex;flex-wrap:wrap;gap:8px;border:0;margin:0;padding:0}.topics legend{font:700 12px/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;padding:0;color:var(--ink-2)}.topics label{display:inline-flex;align-items:center;gap:6px;border:2px solid var(--ink);border-radius:var(--r-pill);padding:9px 13px;font:700 14px/1 var(--f-body);background:#fff;cursor:pointer;transition:background .2s,transform .2s}.topics label:hover{transform:translateY(-2px)}.topics input{position:absolute;opacity:0;width:1px;height:1px}.topics label:has(input:checked){background:var(--t);box-shadow:0 3px 0 var(--ink)}.topics label:has(input:focus-visible){outline:3px solid var(--sky-deep);outline-offset:2px}.pc textarea{width:100%;min-height:210px;border:0;resize:vertical;background:repeating-linear-gradient(transparent 0 33px,#0f1c2e24 33px 35px);line-height:35px;font:500 19px/35px var(--f-serif);font-style:italic;color:var(--ink);padding:0 4px;outline:none}.pc textarea::placeholder{color:#0f1c2e66}.pc-right{position:relative;border-left:2px solid rgba(15,28,46,.18);padding-left:24px;display:grid;gap:12px;align-content:start;z-index:1}.stamp{justify-self:end;width:112px;height:132px;position:relative;margin-bottom:6px;background:radial-gradient(circle,transparent 4px,#fff 4.6px) -6px -6px/12px 12px;padding:9px;filter:drop-shadow(0 0 1px var(--ink)) drop-shadow(0 3px 0 rgba(15,28,46,.35))}.stamp div{width:100%;height:100%;background:var(--pink);display:grid;place-items:center;border:1.5px solid var(--ink)}.stamp img{width:86%;transform:rotate(-6deg)}.postmark{position:absolute;right:70px;top:46px;width:96px;height:96px;border:2.5px solid rgba(216,68,59,.7);border-radius:50%;display:grid;place-items:center;text-align:center;font:800 10px/1.15 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:#d8443bd9;transform:rotate(-14deg);pointer-events:none}.postmark:after{content:"";position:absolute;left:-60px;right:-60px;top:50%;height:22px;margin-top:-11px;background:repeating-linear-gradient(transparent 0 4px,#d8443b8c 4px 6px);z-index:-1}.pc-right label{display:grid;gap:4px;font:700 11px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}.pc-right input{border:0;border-bottom:2px solid var(--ink);background:transparent;height:40px;font:600 17px/1 var(--f-body);color:var(--ink);padding:0 2px;outline:none;text-transform:none;letter-spacing:0}.pc-right input:focus{border-bottom-color:var(--cherry)}.pc-right .ord[hidden]{display:none}.pc-send{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;position:relative;z-index:1}.pc-send .btn{gap:10px}.pc-send .btn svg{width:20px}.pc-msg{font-weight:700;color:var(--cherry);min-height:1.4em;margin:0}.pc-note{font-size:13px;color:var(--ink-2)}.pc-done{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;pointer-events:none;opacity:0;transform:scale(.9);transition:opacity .5s .5s,transform .6s .5s cubic-bezier(.3,1.6,.5,1)}.pc-done.on{opacity:1;transform:none;pointer-events:auto}.pc-done img{width:150px;margin:0 auto 14px;animation:ctWave 1.6s ease-in-out infinite}.pc-done h2{font-size:clamp(40px,5vw,64px)}.pc-done p{color:var(--ink-2);max-width:32ch;margin:10px auto 18px}@media(max-width:980px){.ct-grid{grid-template-columns:1fr}.pc{grid-template-columns:1fr;transform:none}.pc-right{border-left:0;border-top:2px solid rgba(15,28,46,.18);padding:20px 0 0}.stamp{position:absolute;right:0;top:-6px;width:84px;height:100px}.postmark{right:56px;top:20px;width:76px;height:76px;font-size:8.5px}.pc-right{padding-top:110px}.stamp{top:14px}.postmark{top:28px}.pc-done{padding:20px}}@keyframes ctWave{50%{transform:rotate(-8deg) translateY(-6px)}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/hb-contact.css.map */
