:root{--griot-offwhite: #f3f0e8;--griot-yellow: #f7cf3b;--griot-blue: #2055c7;--griot-pink: #f2a8c5;--griot-ink: #111111}body.griot-password-month{background:var(--griot-yellow);color:var(--griot-ink);font-family:Instrument Sans,Helvetica Neue,Helvetica,Arial,sans-serif;margin:0}.visually-hidden{border:0;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.griot-password,.griot-password *,.griot-password__dialog,.griot-password__dialog *{box-sizing:border-box}.griot-password{display:grid;min-height:100svh;overflow:hidden;position:relative}.griot-password__media,.griot-password__media img{height:100%;top:0;right:0;bottom:0;left:0;position:absolute;width:100%}.griot-password__media img{object-fit:cover}.griot-password__copy{align-self:center;background:#f3f0e8f5;border:2px solid var(--griot-ink);box-shadow:12px 12px 0 var(--griot-yellow);display:grid;gap:1.6rem;margin:clamp(2rem,6vw,8rem);max-width:58rem;padding:clamp(2.4rem,5vw,5.2rem);position:relative;z-index:1}.griot-password__eyebrow{font-size:1.2rem;font-weight:800;letter-spacing:.11em;margin:0;text-transform:uppercase}.griot-password h1,.griot-password__dialog h2{font-family:Instrument Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:900;letter-spacing:-.055em;line-height:.92;margin:0;text-wrap:balance}.griot-password h1{font-size:clamp(4.2rem,6.5vw,8.2rem)}.griot-password__body{font-size:clamp(1.55rem,1.7vw,1.9rem);line-height:1.45;margin:0;max-width:50ch}.griot-password__form{display:grid;gap:1rem;margin-top:.4rem}.griot-password__fields,.griot-password__dialog-fields{display:grid;gap:.8rem;grid-template-columns:minmax(0,1fr) auto}.griot-password input,.griot-password__dialog input{background:var(--griot-offwhite);border:2px solid var(--griot-ink);border-radius:0;color:var(--griot-ink);font:inherit;min-height:5.2rem;padding:1.2rem 1.4rem}.griot-password button,.griot-password__dialog button,.griot-password__enter{background:var(--griot-ink);border:2px solid var(--griot-ink);border-radius:0;color:var(--griot-offwhite);cursor:pointer;font:inherit;font-weight:800;min-height:5.2rem;padding:1.2rem 1.6rem}.griot-password button:hover,.griot-password__dialog button:hover,.griot-password__enter:hover{background:var(--griot-blue)}.griot-password :is(a,button,input):focus-visible,.griot-password__dialog :is(button,input):focus-visible,.griot-password__enter:focus-visible{outline:3px solid var(--griot-pink);outline-offset:3px}.griot-password__privacy{font-size:1.15rem;line-height:1.4;margin:0;max-width:60ch}.griot-password__privacy a{color:inherit;font-weight:700;text-underline-offset:.2em}.griot-password__success,.griot-password__error{font-weight:750;margin:0}.griot-password__success{background:var(--griot-yellow);border:2px solid var(--griot-ink);padding:1.4rem}.griot-password__error{color:#9d1f1f}.griot-password__enter{bottom:2rem;min-height:4.4rem;position:fixed;right:2rem;z-index:3}.griot-password__dialog{background:var(--griot-offwhite);border:0;color:var(--griot-ink);height:100svh;top:0;right:0;bottom:0;left:0;margin:0;max-height:none;max-width:none;padding:0;width:100vw}.griot-password__dialog::backdrop{background:var(--griot-offwhite)}.griot-password__dialog:not(:popover-open){display:none}.griot-password__dialog-close{align-items:center;background:transparent;color:var(--griot-ink);display:flex;height:4.8rem;justify-content:center;min-height:4.8rem;padding:1rem;position:absolute;right:2rem;top:2rem;width:4.8rem}.griot-password__dialog-close svg{height:2rem;width:2rem}.griot-password__dialog-close span{font-size:3rem;line-height:1}.griot-password__dialog-content{align-content:center;display:grid;gap:1.6rem;height:100%;margin:auto;max-width:58rem;padding:2rem}.griot-password__dialog h2{font-size:clamp(5rem,9vw,10rem)}@media(max-width:749px){.griot-password{align-items:end;min-height:100svh;padding:1.2rem 1.2rem 7.2rem}.griot-password__media img{object-position:center center}.griot-password__copy{box-shadow:7px 7px 0 var(--griot-yellow);gap:.9rem;margin:0;max-width:none;padding:1.8rem}.griot-password h1{font-size:clamp(3.4rem,10vw,4.2rem);letter-spacing:-.045em;line-height:.9}.griot-password__eyebrow{font-size:1.05rem}.griot-password__body{font-size:1.35rem;line-height:1.35}.griot-password__fields,.griot-password__dialog-fields{gap:.6rem;grid-template-columns:1fr}.griot-password input,.griot-password__dialog input,.griot-password button,.griot-password__dialog button{min-height:4.6rem;padding:.9rem 1rem}.griot-password__privacy{font-size:1.05rem}.griot-password__enter{bottom:1.2rem;left:1.2rem;min-height:4.6rem;right:1.2rem;width:calc(100% - 2.4rem)}}@media(prefers-reduced-motion:reduce){.griot-password *,.griot-password__dialog *{scroll-behavior:auto!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/griot-password-month.css.map */