.otb-letter{background:#f4f2eb;color:#20251b;padding:clamp(24px,4vw,56px) 24px 48px;font-family:var(--font-body-family)}.otb-letter *,.otb-letter *:before,.otb-letter *:after{box-sizing:border-box}.otb-letter__inner{max-width:1280px;margin:0 auto}.otb-letter__masthead{display:flex;justify-content:space-between;gap:16px;padding-bottom:18px;margin-bottom:24px;border-bottom:1px solid #cccec0;font-size:11px;line-height:1.5;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.otb-letter__masthead span:last-child{color:#5c664c;text-align:right}.otb-letter__hero{display:grid;grid-template-columns:1.2fr 1fr;border:1px solid #c9ccbe}.otb-letter__story{position:relative;isolation:isolate;overflow:hidden;min-width:0;min-height:565px;background:#1f261b;color:#fff;display:flex;align-items:center;padding:clamp(28px,4vw,56px)}.otb-letter__image{position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:60% center}.otb-letter__story:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0f160df0,#0f160d94)}.otb-letter__story-content{padding-bottom:24px}.otb-letter .otb-letter__eyebrow{margin:0 0 20px;font-size:10px;line-height:1.7;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.otb-letter__story .otb-letter__eyebrow{color:#e0e8c8;display:flex;gap:10px;align-items:center}.otb-letter__eyebrow>span{flex:0 0 7px;width:7px;height:7px;background:#c8df93;border-radius:50%}.otb-letter h1{margin:0;color:#fff;font-family:var(--font-heading-family);font-weight:700;font-size:clamp(44px,4.5vw,68px);line-height:1.05;letter-spacing:-.02em;text-transform:none}.otb-letter h1 em{color:#d0e5a6;font-style:normal}.otb-letter__intro{max-width:37ch;font-size:16px;line-height:1.8;color:#f1f2ec;margin:24px 0 0}.otb-letter__jump{display:none}.otb-letter__photo-note{position:absolute;bottom:25px;left:clamp(28px,4vw,56px);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#e1e5d7}.otb-letter__signup{min-width:0;padding:clamp(28px,4vw,52px);background:#fffef8;display:flex;flex-direction:column;justify-content:center;scroll-margin-top:120px}.otb-letter__stamp{display:flex;justify-content:center;align-items:center;width:58px;height:58px;border:1px solid #ced5b8;color:#4b5f31;background:#eff3e4;border-radius:50%;margin-bottom:22px}.otb-letter__signup .otb-letter__eyebrow{color:#607042;margin-bottom:8px}.otb-letter__signup h2{font-family:var(--font-heading-family);font-size:clamp(30px,3vw,40px);line-height:1.15;letter-spacing:-.01em;font-weight:700;color:#20251b;margin:0}.otb-letter__form-intro{color:#575f4f;font-size:14px;line-height:1.8;margin:14px 0 24px}.otb-letter__form{margin:0}.otb-letter__form label{display:block;margin:0 0 8px;color:#20251b;font-size:12px;font-weight:700}.otb-letter__input{width:100%;min-height:54px;border:1px solid #a8af9b;background:#fff;color:#20251b;padding:14px 16px;border-radius:3px;font:inherit;font-size:16px;line-height:1.5;box-shadow:none;-webkit-appearance:none;appearance:none}.otb-letter__input::placeholder{color:#717767;opacity:1}.otb-letter__submit{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:54px;margin-top:12px;padding:14px 18px;background:#344528;color:#fff;border:1px solid #344528;border-radius:3px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;line-height:1.5}.otb-letter__submit svg{flex-shrink:0}.otb-letter__submit:hover{background:#25331b;border-color:#25331b}.otb-letter__input:focus-visible,.otb-letter__submit:focus-visible,.otb-letter a:focus-visible{outline:3px solid #6a813e;outline-offset:3px}.otb-letter__consent{margin:14px 0 0;color:#606655;font-size:11px;line-height:1.8}.otb-letter__consent a{color:inherit;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.otb-letter__form-footer{padding-top:20px;margin:22px 0 0;border-top:1px solid #e2e5d8;color:#667056;font-size:11px}.otb-letter__message{margin:14px 0;font-size:14px;line-height:1.6}.otb-letter__message--success{padding:20px;background:#edf4e2;border:1px solid #b8c99c;color:#283e18}.otb-letter__message--success p{margin:8px 0 0}.otb-letter__message--error{color:#a52118}.otb-letter .form__message:empty{display:none}.otb-letter__benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:32px;padding:0 0 32px;border-bottom:1px solid #cccec0}.otb-letter__benefit{display:flex;gap:16px;padding:4px 28px}.otb-letter__benefit:first-child{padding-left:0}.otb-letter__benefit:last-child{padding-right:0}.otb-letter__benefit+.otb-letter__benefit{border-left:1px solid #cccec0}.otb-letter__number{color:#687a48;font-size:12px;font-weight:700;line-height:1.7;padding-top:3px}.otb-letter__benefit h2{margin:0 0 8px;font-family:var(--font-body-family);color:#20251b;font-size:16px;font-weight:700;letter-spacing:0;line-height:1.5}.otb-letter__benefit p{margin:0;font-size:13px;line-height:1.8;color:#5c6453}.otb-letter__signoff{text-align:center;padding-top:26px}.otb-letter__signoff p{font-family:var(--font-heading-family);font-size:25px;color:#3c4c2b;margin:0 0 6px}.otb-letter__signoff span{font-size:11px;color:#626b56}@media(max-width:899px){.otb-letter__hero{grid-template-columns:1fr}.otb-letter__story{min-height:430px;padding:36px}.otb-letter h1{font-size:56px}.otb-letter__signup{padding:36px}.otb-letter__intro{max-width:48ch}.otb-letter__photo-note{left:36px}.otb-letter__jump{display:inline-flex;gap:24px;align-items:center;min-height:44px;margin-top:16px;color:#d0e5a6;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:5px}.otb-letter__photo-note{display:none}.otb-letter__story-content{padding-bottom:0}.otb-letter__benefit{padding-inline:18px;gap:10px}}@media(max-width:599px){.otb-letter{padding:24px 16px 32px}.otb-letter__masthead{font-size:9px;letter-spacing:.08em;margin-bottom:18px}.otb-letter__story{padding:28px 24px;min-height:385px}.otb-letter h1{font-size:clamp(38px,10.8vw,52px)}.otb-letter .otb-letter__eyebrow{font-size:9px}.otb-letter__intro{font-size:14px;margin-top:20px}.otb-letter__photo-note{left:24px;bottom:20px;font-size:9px}.otb-letter__signup{padding:28px 24px}.otb-letter__signup h2{font-size:32px}.otb-letter__stamp{width:48px;height:48px;margin-bottom:18px}.otb-letter__form-intro{font-size:13px;margin-bottom:20px}.otb-letter__benefits{grid-template-columns:1fr;margin-top:24px;padding-bottom:20px}.otb-letter__benefit,.otb-letter__benefit:first-child,.otb-letter__benefit:last-child{padding:16px 4px;gap:16px}.otb-letter__benefit+.otb-letter__benefit{border-left:0;border-top:1px solid #d9dccf}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/otb-newsletter-page.css.map */