*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:#f3f1eb;color:#1a323d;font-family:"lexend-deca",sans-serif;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}.site-shell{display:grid;grid-template-rows:auto 1fr auto;isolation:isolate;min-height:100svh;overflow:hidden;padding:1.1rem;position:relative}.site-shell::before{background-image:radial-gradient(#1A323D 1px, transparent 1px);background-size:10px 10px;content:"";height:13rem;left:-2rem;opacity:.12;position:absolute;top:28%;width:10rem;z-index:-1}.site-header,.site-footer{display:flex;justify-content:space-between;position:relative;z-index:2}.site-header{align-items:end}.site-header__location{font-size:.6rem;font-weight:700;letter-spacing:.12em;margin:0;text-transform:uppercase}.site-footer{align-items:flex-end;font-size:.78rem;font-weight:700;gap:1rem;letter-spacing:.12em;text-transform:uppercase}.site-footer p{margin:0}.site-footer a{color:inherit;text-underline-offset:.25em}.brand{align-items:center;color:#1a323d;display:inline-flex;font-size:clamp(1rem,2vw,1.3rem);font-weight:900;letter-spacing:-0.05em;text-decoration:none}.brand__bracket{color:#1a323d;font-size:1.7em;line-height:.7}.brand__name{padding:0 .32em}.brand__name span{background:#d8ff3e;padding:.08em .12em}.brand__logo{width:170px}.hero{align-items:center;display:grid;gap:clamp(2rem,5vw,6rem);grid-template-columns:1fr;margin:auto;width:min(100%,90rem)}.hero__content{position:relative;z-index:1}.hero__intro{font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.5;margin:clamp(1.75rem,3vw,2.5rem) 0 1.75rem;max-width:29rem}.hero__graphic{aspect-ratio:1;display:grid;opacity:.12;place-items:center;position:absolute;right:-8rem;top:20%;width:min(90vw,32rem);z-index:-1}.hero__graphic p{font-size:clamp(5rem,11vw,11rem);font-weight:900;letter-spacing:-0.1em;margin:0;position:absolute;transform:rotate(-4deg)}.hero__square{height:68%;transform:rotate(8deg);width:68%}.hero__number{font-size:.8rem;font-weight:800;left:4%;letter-spacing:.18em;position:absolute;top:8%;writing-mode:vertical-rl}.eyebrow{font-size:clamp(.78rem,1vw,.95rem);font-weight:700;letter-spacing:.16em;margin:0 0 1.25rem;text-transform:uppercase}h1{font-size:clamp(3.8rem,20vw,7rem);font-weight:800;letter-spacing:-0.075em;line-height:.76;margin:0;text-transform:uppercase}h1 span{color:#1e8ea4}.button{border:2px solid #1a323d;border-radius:0;font-weight:700;letter-spacing:.03em;min-height:3.5rem;padding:.9rem 1.4rem;text-transform:uppercase;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.button:hover{box-shadow:5px 5px 0 #1a323d;transform:translate(-3px, -3px)}.button:focus-visible{outline:3px solid #1a323d;outline-offset:4px}.button:disabled{cursor:wait;opacity:.65}.button--primary,.button--submit{background:#f16a7d;color:#fff}.button--submit{margin-top:.75rem;width:100%}.modal{inset:0;position:fixed;z-index:10}.modal[hidden]{display:none}.modal__backdrop{background:rgba(26,50,61,.72);inset:0;opacity:0;position:absolute;transition:opacity .22s ease}.modal__dialog{background:#f3f1eb;bottom:0;overflow-y:auto;padding:4rem clamp(1.5rem,4vw,3rem) clamp(1.5rem,4vw,3rem);position:absolute;right:0;top:0;transform:translateX(100%);transition:transform .3s cubic-bezier(0.22, 1, 0.36, 1);width:min(100%,44rem)}.modal__close{background:rgba(0,0,0,0);border:0;font-size:2.5rem;line-height:1;padding:.25rem;position:absolute;right:1.25rem;top:1rem}.modal__heading{margin-bottom:2rem;padding-right:2rem}.modal__heading h2{font-size:clamp(2.3rem,6vw,4.5rem);letter-spacing:-0.065em;line-height:.92;margin:0 0 1rem;text-transform:uppercase}.modal__heading p:last-child{color:#77776f;margin-bottom:0}.modal.is-open .modal__backdrop{opacity:1}.modal.is-open .modal__dialog{transform:translateX(0)}.form-grid{display:grid;gap:1rem;grid-template-columns:1fr}.field{display:grid;gap:.45rem}.field--wide{grid-column:auto}.field--trap{left:-9999px;position:absolute}.field label{font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.field label span{color:#77776f;font-weight:500}.field input,.field select,.field textarea{background:rgba(0,0,0,0);border:0;border-bottom:2px solid #1a323d;border-radius:0;color:#1a323d;min-height:3rem;padding:.7rem .1rem;width:100%}.field textarea{border:2px solid #1a323d;min-height:7rem;padding:.8rem;resize:vertical}.field :focus{outline:3px solid #d8ff3e;outline-offset:2px}.form-status{font-weight:700;min-height:1.5em}.form-status--success{color:#276315}.form-status--error{color:#a51e1e}@media(min-width: 501px){.form-grid{grid-template-columns:1fr 1fr}.field--wide{grid-column:1/-1}.modal__dialog{padding:clamp(1.5rem,4vw,3rem)}}@media(min-width: 781px){.site-shell{padding:clamp(1.25rem,3vw,2.5rem)}.site-header{align-items:center}.site-header__location{font-size:.78rem;margin:1em 0}.site-footer{align-items:center;gap:0}.brand__logo{width:200px}.hero{grid-template-columns:minmax(0, 1.08fr) minmax(18rem, 0.92fr)}.hero__intro{max-width:35rem}.hero__graphic{opacity:1;position:relative;right:auto;top:auto;width:auto;z-index:auto}.hero__square{width:78%;height:78%}h1{font-size:clamp(4.25rem,9.5vw,9.5rem)}}@media(min-width: 781px)and (max-height: 660px){.hero__intro{margin:1rem 0}.hero__graphic{max-height:55vh}h1{font-size:clamp(4rem,8vw,7rem)}}@media(prefers-reduced-motion: reduce){*,*::before,*::after{scroll-behavior:auto !important;transition-duration:.01ms !important}}/*# sourceMappingURL=style.css.map */
