.of-sp{max-width:900px;margin:0 auto;padding:4rem 2rem 6rem}.of-sp__hero{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);box-sizing:border-box;background:#5c6e48;display:flex;align-items:center;gap:1.4rem;padding:3rem 2rem;margin-bottom:2.6rem}.of-sp__hero-portrait{width:15rem;height:auto;flex-shrink:0;display:block}.of-sp__hero-text{flex:1;min-width:0}.of-sp__hero-badge{display:inline-block;color:#f5f1e8;background:#f5f1e824}.of-sp__hero-text h1{font-family:Georgia,Times New Roman,serif;font-size:2.6rem;line-height:1.15;margin:.6rem 0 1rem;color:#f5f1e8;text-wrap:balance}.of-sp__hero-text p{font-size:1.3rem;line-height:1.6;color:#f5f1e8;opacity:.92;max-width:56ch;margin:0}@media screen and (max-width:640px){.of-sp__hero{padding:2rem 1.4rem;gap:1rem}.of-sp__hero-portrait{width:9.75rem}.of-sp__hero-text h1{font-size:1.9rem}.of-sp__hero-text p{font-size:1.1rem}}.of-sp__steps{display:flex;align-items:flex-start;justify-content:center;gap:.8rem;margin:0 auto 3rem;max-width:640px;flex-wrap:wrap}.of-sp__step{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:8.5rem;text-align:center}.of-sp__step-badge{width:2.2rem;height:2.2rem;border-radius:50%;background:#a9622e;color:#fff;font-weight:700;font-size:1.05rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.of-sp__step-label{font-size:1.05rem;line-height:1.35;color:var(--of-ink-soft, #6E6250);margin:0}.of-sp__step-arrow{color:var(--of-border, #E3D9C4);font-size:1.3rem;align-self:center;margin-top:.6rem;flex-shrink:0}@media screen and (max-width:560px){.of-sp__step-arrow{display:none}.of-sp__steps{gap:1.4rem 2rem}}.of-sp__quiz{margin-bottom:1rem}.of-sp__quiz-badge{display:inline-block;margin-bottom:.8rem}.of-sp__question{font-family:Georgia,Times New Roman,serif;font-size:1.7rem;line-height:1.3;margin:.3rem 0 .6rem}.of-sp__subtitle{font-size:1.3rem;line-height:1.55;color:var(--of-ink-soft, #6E6250);max-width:62ch;margin:0 0 1.8rem}.of-sp__cat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.of-sp__cat{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;padding:1.4rem 1.3rem;border:1px solid var(--of-border, #E3D9C4);border-radius:10px;background:var(--of-paper-alt, #F3ECDD);cursor:pointer;text-align:left;font-family:inherit;color:var(--of-ink, #28221A);transition:border-color .15s,box-shadow .15s}.of-sp__cat:hover{border-color:var(--of-accent, #A9622E);box-shadow:0 2px 8px #a9622e1f}.of-sp__cat-title{font-weight:600;font-size:1.3rem;margin:0}.of-sp__cat-desc{font-size:1.15rem;line-height:1.45;color:var(--of-ink-soft, #6E6250);margin:0}@media screen and (max-width:640px){.of-sp__cat-grid{gap:.7rem}.of-sp__cat{padding:1rem .9rem;gap:.3rem}.of-sp__cat-title{font-size:1.1rem}.of-sp__cat-desc{font-size:.98rem;line-height:1.35}}@keyframes of-sp-step-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.of-sp__step2{padding-top:.5rem;animation:of-sp-step-in .45s cubic-bezier(.16,1,.3,1)}@media(prefers-reduced-motion:reduce){.of-sp__step2{animation:none}}.of-sp__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.2rem}@media screen and (max-width:989px){.of-sp__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:480px){.of-sp__grid{grid-template-columns:1fr 1fr;gap:.7rem}}.of-sp-card{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;padding:1.4rem 1.2rem;border:1px solid var(--of-border, #E3D9C4);border-radius:10px;background:var(--of-paper-alt, #F3ECDD);cursor:pointer;text-align:left;font-family:inherit;color:var(--of-ink, #28221A);transition:border-color .15s,background .15s,box-shadow .15s}.of-sp-card:hover{border-color:var(--of-accent, #A9622E)}.of-sp-card[aria-pressed=true]{background:var(--of-paper, #FBF8F1);border-color:var(--of-accent, #A9622E);border-width:2px;padding:calc(1.4rem - 1px) calc(1.2rem - 1px);box-shadow:0 2px 8px #a9622e1f}.of-sp-card__icon{width:2.4rem;height:2.4rem;border-radius:50%;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center;background:var(--of-sp-icon-tint, rgba(169, 98, 46, .16))}.of-sp-card__icon svg{width:1.15rem;height:1.15rem;position:relative;z-index:1;fill:none;stroke:var(--of-ink, #28221A);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.of-sp-card__icon:after{content:"";position:absolute;width:.5rem;height:.5rem;border-radius:50%;bottom:0;right:0;border:2px solid #FFFFFF;background:var(--of-sp-icon-dot, #A9622E)}@media screen and (max-width:640px){.of-sp-card{padding:1.1rem 1rem}.of-sp-card__icon{width:2.1rem;height:2.1rem}.of-sp-card__icon svg{width:1rem;height:1rem}}@media screen and (min-width:750px){.of-sp-card__icon{width:2.9rem;height:2.9rem}.of-sp-card__icon svg{width:1.4rem;height:1.4rem}}.of-sp-card__title{font-weight:600;font-size:1.35rem;line-height:1.3;margin:0}.of-sp-card__desc{font-size:1.2rem;line-height:1.45;color:var(--of-ink-soft, #6E6250);margin:0}.of-sp-other-cell{margin-top:.9rem}.of-sp-other-trigger{width:100%;display:flex;align-items:center;gap:.9rem;padding:1.1rem 1.3rem;border:1px solid var(--of-border, #E3D9C4);border-radius:10px;background:var(--of-paper-alt, #F3ECDD);cursor:pointer;text-align:left;font-family:inherit;color:var(--of-ink, #28221A);transition:border-color .15s,box-shadow .15s}.of-sp-other-trigger:hover{border-color:var(--of-accent, #A9622E);box-shadow:0 2px 8px #a9622e1f}.of-sp-other-trigger__icon{flex-shrink:0;width:2.4rem;height:2.4rem;border-radius:50%;background:#6e7f5229;color:var(--of-ink, #28221A);font-size:1.2rem;line-height:1;display:flex;align-items:center;justify-content:center;position:relative}.of-sp-other-trigger__icon:after{content:"";position:absolute;width:.5rem;height:.5rem;border-radius:50%;bottom:0;right:0;border:2px solid #FFFFFF;background:#c48a2e}.of-sp-other-trigger__text{display:flex;flex-direction:column;gap:.15rem}.of-sp-other-trigger__title{font-weight:600;font-size:1.25rem;color:var(--of-ink, #28221A)}.of-sp-other-trigger__desc{font-size:1.05rem;color:var(--of-ink-soft, #6E6250)}.of-sp__other{width:100%;padding:1.1rem 1.3rem;border:2px solid var(--of-accent, #A9622E);border-radius:10px;background:var(--of-paper, #FBF8F1);font-family:inherit;font-size:1.35rem;color:var(--of-ink, #28221A)}.of-sp__other:focus{outline:2px solid var(--of-accent, #A9622E);outline-offset:1px}.of-sp__other::placeholder{color:var(--of-ink-soft, #6E6250)}@media screen and (max-width:640px){.of-sp-other-trigger{padding:.9rem 1rem;gap:.7rem}.of-sp-other-trigger__icon{width:2.1rem;height:2.1rem;font-size:1.05rem}.of-sp-other-trigger__title{font-size:1.05rem}.of-sp-other-trigger__desc{font-size:.92rem}}@media screen and (min-width:750px){.of-sp-other-trigger__icon{width:2.9rem;height:2.9rem;font-size:1.4rem}}.of-sp__reaction{font-size:1.2rem;color:var(--of-accent, #A9622E);font-weight:600;margin:1rem 0 0;min-height:1.6rem}.of-sp-hz-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.1rem;min-height:2rem}.of-sp-hz-crumb-item{font-size:1.05rem;font-weight:700;border:none;padding:.4rem .9rem;border-radius:999px;cursor:pointer;font-family:inherit;transition:opacity .15s}.of-sp-hz-crumb-item[data-empty=true]{background:var(--of-paper-alt, #F3ECDD);color:var(--of-ink-soft, #6E6250);cursor:default}.of-sp-hz-crumb-item[data-empty=false]{background:var(--of-accent, #A9622E);color:#fff}.of-sp-hz-crumb-item[data-empty=false][data-current=true]{background:var(--of-ink, #28221A)}.of-sp-hz-crumb-item[data-empty=false]:hover{opacity:.85}.of-sp-hz-crumb-sep{font-size:1rem;color:var(--of-border, #E3D9C4);font-weight:700}.of-sp-hz-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.of-sp-hz-node{display:flex;align-items:center;gap:.8rem;padding:1rem;border:1px solid var(--of-border, #E3D9C4);border-radius:12px;background:#fff;cursor:pointer;text-align:left;font-family:inherit;color:var(--of-ink, #28221A);transition:border-color .15s,transform .15s,box-shadow .15s,background .15s}.of-sp-hz-node:hover{border-color:var(--of-accent, #A9622E)}.of-sp-hz-node[data-picked=true]{background:var(--of-accent, #A9622E);border-color:var(--of-accent, #A9622E)}.of-sp-hz-node[data-picked=true] .of-sp-hz-t{color:#fff}.of-sp-hz-node[data-picked=true] .of-sp-hz-arrow{color:#ffffffd9}.of-sp-hz-badge{width:2.4rem;height:2.4rem;border-radius:50%;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center}.of-sp-hz-badge svg{width:1.15rem;height:1.15rem;position:relative;z-index:1}.of-sp-hz-dot{position:absolute;width:.5rem;height:.5rem;border-radius:50%;bottom:0;right:0;border:2px solid #FFFFFF}.of-sp-hz-t{font-weight:600;font-size:1.05rem;line-height:1.25;flex:1}.of-sp-hz-arrow{font-size:1.1rem;color:var(--of-border, #E3D9C4);flex-shrink:0}.of-sp-hz-other{grid-column:span 2}.of-sp-hz-other-input{display:none;width:100%;border:none;background:transparent;font-family:inherit;font-size:1.05rem;color:var(--of-ink, #28221A);padding:0}.of-sp-hz-other[data-open=true] .of-sp-hz-t{display:none}.of-sp-hz-other[data-open=true] .of-sp-hz-other-input{display:block}.of-sp-hz-other[data-open=true]{border-color:var(--of-accent, #A9622E)}.of-sp-hz-back{grid-column:span 2;justify-content:center;background:none;border:none;color:var(--of-ink-soft, #6E6250);font-size:1rem;font-weight:700;padding:.4rem;cursor:pointer;text-align:center;font-family:inherit}.of-sp-hz-back:hover{color:var(--of-accent, #A9622E)}.of-sp-hz-note{font-size:1.2rem;color:var(--of-accent, #A9622E);font-weight:600;margin:1rem 0 0;min-height:1.6rem}.of-sp-required-star{color:var(--of-accent, #A9622E)}@media screen and (max-width:640px){.of-sp-hz-node{padding:.85rem;gap:.65rem}.of-sp-hz-badge{width:2.1rem;height:2.1rem}.of-sp-hz-badge svg{width:1rem;height:1rem}.of-sp-hz-t{font-size:.98rem}}@media screen and (min-width:750px){.of-sp-hz-crumb{gap:.6rem;margin-bottom:1.4rem}.of-sp-hz-crumb-item{font-size:1.1rem;padding:.5rem 1.1rem}.of-sp-hz-grid{grid-template-columns:repeat(3,1fr);gap:1rem}.of-sp-hz-node{padding:1.3rem 1.2rem;gap:1rem;border-radius:14px}.of-sp-hz-node:hover{transform:translateY(-2px);box-shadow:0 6px 16px #28221a1a}.of-sp-hz-badge{width:2.9rem;height:2.9rem}.of-sp-hz-badge svg{width:1.4rem;height:1.4rem}.of-sp-hz-dot{width:.6rem;height:.6rem}.of-sp-hz-t{font-size:1.15rem}.of-sp-hz-other,.of-sp-hz-back{grid-column:span 3}}.of-sp__form-section{margin-top:4rem;padding:2.8rem 2.4rem;background:var(--of-paper-alt, #F3ECDD);border-radius:14px}.of-sp__form-section h2{font-family:Georgia,Times New Roman,serif;font-size:2.1rem;margin:0 0 .6rem;text-align:center}.of-sp__form-lede{text-align:center;font-size:1.35rem;color:var(--of-ink-soft, #6E6250);margin:0 0 2rem;max-width:55ch;margin-inline:auto}.of-sp__form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}@media screen and (max-width:600px){.of-sp__form-row{grid-template-columns:1fr}}.of-sp__field{display:flex;flex-direction:column;gap:.4rem}.of-sp__field label{font-size:1.15rem;font-weight:600;color:var(--of-ink, #28221A)}.of-sp__field input{padding:1rem 1.1rem;border:1px solid var(--of-border, #E3D9C4);border-radius:8px;font-family:inherit;font-size:1.35rem;background:#fff;color:var(--of-ink, #28221A)}.of-sp__field input:focus{outline:2px solid var(--of-accent, #A9622E);outline-offset:1px}@media screen and (max-width:640px){.of-sp__form-section{margin-top:2.6rem;padding:1.8rem 1.4rem;border-radius:12px}.of-sp__form-section h2{font-size:1.6rem}.of-sp__form-lede{font-size:1.05rem;margin-bottom:1.4rem}.of-sp__field label{font-size:1rem}.of-sp__field input{padding:.85rem .9rem;font-size:1.1rem}.of-sp__submit{width:100%;padding:1.05rem 1.5rem;font-size:1.15rem}.of-sp__hint{font-size:.98rem}}.of-sp__submit-row{text-align:center;margin-top:1.8rem}.of-sp__submit{display:inline-block;padding:1.2rem 3rem;background:var(--of-accent, #A9622E);color:#fff;font-weight:600;font-size:1.4rem;border:none;border-radius:8px;cursor:pointer;font-family:inherit}.of-sp__submit:hover{opacity:.92}.of-sp__submit:disabled{opacity:.5;cursor:not-allowed}.of-sp__hint{text-align:center;font-size:1.1rem;color:var(--of-ink-soft, #6E6250);margin:1rem 0 0}.of-sp__thanks{display:none;text-align:center;padding:2rem 1rem .5rem}.of-sp__thanks.is-visible{display:block}.of-sp__thanks h2{font-family:Georgia,Times New Roman,serif;font-size:2rem;margin:0 0 .8rem}.of-sp__thanks p{font-size:1.35rem;line-height:1.6;color:var(--of-ink-soft, #6E6250);max-width:50ch;margin:0 auto .6rem}.of-sp__form-section.is-submitted .of-sp__form-body{display:none}.of-sp__crosslinks{margin-top:4rem;text-align:center;padding-top:3rem;border-top:1px solid var(--of-border, #E3D9C4)}.of-sp__crosslinks p{font-size:1.3rem;color:var(--of-ink-soft, #6E6250);margin:0 0 1rem}.of-sp__crosslinks-row{display:flex;gap:1.6rem;justify-content:center;flex-wrap:wrap}.of-sp__crosslinks-row a{font-size:1.3rem;font-weight:600;color:var(--of-accent, #A9622E);text-decoration:none;border-bottom:1px solid transparent}.of-sp__crosslinks-row a:hover{border-bottom-color:var(--of-accent, #A9622E)}.of-sp,.of-sp *{-webkit-tap-highlight-color:rgba(169,98,46,.28)}.of-sp button:focus-visible,.of-sp input:focus-visible{outline:2px solid #A9622E;outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/68/assets/component-suggestion-page.css.map */