.hott-ct{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.hott-ct-hero{background:#00c;color:#f2efe6;padding:clamp(34px,3.6vw,64px) var(--hott-pad,60px) clamp(36px,3.8vw,66px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.5fr);gap:clamp(24px,4vw,64px);align-items:center}.hott-ct-hero .k{font-family:Space Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#9e9eec;margin-bottom:18px}.hott-ct-hero h1{font-family:Bricolage Grotesque,-apple-system,sans-serif;font-weight:800;font-size:clamp(42px,6vw,96px);line-height:.86;letter-spacing:-.04em;text-transform:lowercase;color:#f2efe6;margin:0 0 22px}.hott-ct-hero h1 .o{-webkit-text-stroke:1.8px #F2EFE6;color:transparent}.hott-ct-hero .body p{font-size:clamp(15px,1.2vw,18px);line-height:1.55;color:#f2efe6;margin:0 0 12px;max-width:44ch}.hott-ct-hero .mail{display:inline-block;margin-top:14px;font-family:Space Mono,ui-monospace,monospace;font-size:clamp(13px,1.3vw,17px);letter-spacing:.04em;color:#f2efe6;text-decoration:none;border-bottom:1.5px solid rgba(242,239,230,.5);padding-bottom:3px;transition:color .25s,border-color .25s}.hott-ct-hero .mail:hover{color:#9e9eec;border-color:#9e9eec}.hott-ct-hero .art{justify-self:end;width:100%;max-width:280px}.hott-ct-hero .art svg{display:block;width:100%;height:auto;overflow:visible}.hott-ct-hero .art .ink path,.hott-ct-hero .art .ink circle,.hott-ct-hero .art .ink line{stroke-dasharray:1100;stroke-dashoffset:1100;animation:hott-ctdraw 1.9s cubic-bezier(.6,.05,.2,1) forwards}.hott-ct-hero .art .ink .d2{animation-delay:.22s}@keyframes hott-ctdraw{to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.hott-ct-hero .art .ink path,.hott-ct-hero .art .ink circle,.hott-ct-hero .art .ink line{animation:none;stroke-dashoffset:0}}@media(max-width:900px){.hott-ct-hero{grid-template-columns:1fr}.hott-ct-hero .art{justify-self:start;margin-top:26px;max-width:200px}}.hott-ct-body{background:#f2efe6;border-top:1px solid #0000CC;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.hott-ct-body .lab{font-family:Space Mono,ui-monospace,monospace;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:#00c;margin-bottom:24px}.hott-ct-body .form{padding:clamp(32px,3.6vw,60px) clamp(22px,2.6vw,46px) clamp(38px,4vw,66px);border-right:1px solid #0000CC}.hott-ct-body .form label{display:block;font-family:Space Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#5b5b66;margin:0 0 7px}.hott-ct-body .form input,.hott-ct-body .form textarea{width:100%;background:transparent;border:1.5px solid rgba(0,0,204,.35);padding:14px;margin-bottom:20px;font-family:Space Mono,ui-monospace,monospace;font-size:12px;color:#0e0e12;box-sizing:border-box}.hott-ct-body .form input:focus,.hott-ct-body .form textarea:focus{outline:none;border-color:#00c}.hott-ct-body .form textarea{resize:vertical;line-height:1.6}.hott-ct-body .form button{background:#00c!important;color:#f2efe6!important;border:none!important;font-family:Space Mono,ui-monospace,monospace!important;font-size:11px!important;letter-spacing:.14em!important;text-transform:uppercase!important;padding:17px 30px!important;cursor:pointer;transition:transform .22s ease}.hott-ct-body .form button:hover{transform:translateY(-3px)}.hott-ct-body .form .ok,.hott-ct-body .form .err{font-family:Space Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.08em;line-height:1.7;padding:14px;margin:0 0 22px}.hott-ct-body .form .ok{background:#00c;color:#f2efe6}.hott-ct-body .form .err{border:1.5px solid #C0392B;color:#c0392b}.hott-ct-body .aside{padding:clamp(32px,3.6vw,60px) clamp(22px,2.6vw,46px) clamp(38px,4vw,66px)}.hott-ct-body .aside ul{list-style:none;margin:0;padding:0}.hott-ct-body .aside li{border-top:1px solid rgba(0,0,204,.24)}.hott-ct-body .aside li:last-child{border-bottom:1px solid rgba(0,0,204,.24)}.hott-ct-body .aside a{display:block;padding:20px 0;text-decoration:none;transition:padding-left .22s ease}.hott-ct-body .aside a:hover{padding-left:10px}.hott-ct-body .aside .q{display:block;font-family:Bricolage Grotesque,-apple-system,sans-serif;font-weight:700;font-size:clamp(17px,1.5vw,21px);letter-spacing:-.02em;color:#0e0e12;margin-bottom:5px}.hott-ct-body .aside .a{display:block;font-size:14.5px;line-height:1.55;color:#5b5b66}@media(max-width:880px){.hott-ct-body{grid-template-columns:1fr}.hott-ct-body .form{border-right:none;border-bottom:1px solid #0000CC}}
/*# sourceMappingURL=/cdn/shop/t/78/assets/hott-contact.css.map */