.tone-experience{--tone-ink:#2D2C2A;--tone-paper:#FFF7F5;--tone-line:#E1D4C8;color:var(--tone-ink);background:#fff}.tone-experience .shell{width:min(1240px,calc(100% - 48px));margin-inline:auto}.tone-experience__hero{min-height:690px;display:grid;grid-template-columns:.88fr 1.12fr;align-items:stretch;background:var(--tone-paper)}.tone-experience__hero-copy{padding:94px 7vw 80px 64px;display:flex;flex-direction:column;justify-content:center}.tone-experience__hero-copy>span,.tone-edit__copy>span,.tone-experience__index,.tone-quiz__header>span,.tone-quiz__result>span{font-size:11px;font-weight:700;letter-spacing:.2em}.tone-experience__hero h1{max-width:520px;margin:18px 0 20px;font:500 clamp(52px,6vw,82px)/.96 var(--serif,Georgia,serif);letter-spacing:-.045em}.tone-experience__hero p{max-width:430px;color:#2D2C2A;font-size:16px;line-height:1.65}.tone-experience__hero-image{min-height:690px;overflow:hidden}.tone-experience__hero-image img{width:100%;height:100%;object-fit:cover;object-position:center}.tone-experience__button,.tone-experience__final button{width:max-content;border:1px solid var(--tone-ink);color:#fff;background:var(--tone-ink);min-height:48px;padding:0 24px;font-size:13px;font-weight:700;letter-spacing:.03em;display:inline-flex;align-items:center;justify-content:center}.tone-experience__hero-copy .tone-experience__button{margin-top:20px}.tone-experience__selector{text-align:center;padding-block:105px 82px}.tone-experience__selector h2{margin:14px 0 10px;font:500 clamp(38px,4vw,58px)/1 var(--serif,Georgia,serif);letter-spacing:-.035em}.tone-experience__selector>p{color:#2D2C2A}.tone-experience__tone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px}.tone-choice{color:var(--tone-ink);border:1px solid var(--tone-line);min-height:290px;padding:36px 28px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .25s,box-shadow .25s}.tone-choice:hover,.tone-choice:focus-visible{transform:translateY(-5px);box-shadow:0 18px 35px #2D2C2A1c}.tone-choice--warm{background:#E1D4C8}.tone-choice--cool{background:#D6E1E6}.tone-choice--neutral{background:#DBB3A9}.tone-choice__icon{display:grid;place-items:center}.tone-choice__icon svg{width:30px;height:30px}.tone-choice strong{margin:20px 0 9px;font:500 34px var(--serif,Georgia,serif)}.tone-choice small{color:#2D2C2A}.tone-choice>span:last-child{margin-top:34px;font-size:12px;font-weight:700}.tone-experience__tests{border-block:1px solid var(--tone-line);display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:100px}.tone-experience__tests article{display:grid;grid-template-columns:32px 1fr;gap:13px;padding:30px 32px}.tone-experience__tests article+article{border-left:1px solid var(--tone-line)}.tone-experience__tests article>span{color:#A0735C;font-size:11px}.tone-experience__tests strong{font:500 20px var(--serif,Georgia,serif)}.tone-experience__tests p{color:#2D2C2A;margin:7px 0 0;font-size:12px;line-height:1.55}.tone-experience__edits{background:var(--tone-paper);padding-block:90px}.tone-edit{scroll-margin-top:120px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;padding-block:34px}.tone-edit--reverse .tone-edit__image{order:2}.tone-edit__image{height:620px;overflow:hidden}.tone-edit__image img{width:100%;height:100%;object-fit:cover}.tone-edit__copy{padding:35px}.tone-edit__copy h2{max-width:470px;margin:22px 0 18px;font:500 clamp(38px,4vw,57px)/1.02 var(--serif,Georgia,serif);letter-spacing:-.04em}.tone-edit__copy p{max-width:440px;color:#2D2C2A;line-height:1.65}.tone-edit__copy a{border-bottom:1px solid;margin-top:28px;padding-bottom:5px;font-size:13px;font-weight:700;display:inline-block}.tone-experience__final{text-align:center;background:#E1D4C8;padding:90px 0}.tone-experience__final h2{margin:12px auto 28px;font:500 clamp(38px,5vw,64px)/1 var(--serif,Georgia,serif)}.tone-experience__final button{margin-inline:auto}.tone-quiz{width:min(660px,calc(100% - 28px));max-height:calc(100dvh - 28px);border:0;padding:0;color:var(--tone-ink);background:#fff}.tone-quiz::backdrop{background:#2D2C2Ab8;backdrop-filter:blur(5px)}.tone-quiz__frame{position:relative;padding:34px 42px 38px}.tone-quiz__close{position:absolute;right:18px;top:14px;border:0;background:transparent;width:44px;height:44px;font-size:30px}.tone-quiz__header{padding-right:42px}.tone-quiz__header p{float:right;margin:0;color:#2D2C2A;font-size:11px}.tone-quiz__progress{height:3px;background:#E1D4C8;margin:18px 0 36px}.tone-quiz__progress span{width:33.333%;height:100%;display:block;background:#A0735C;transition:width .25s}.tone-quiz fieldset{border:0;padding:0;margin:0}.tone-quiz legend,.tone-quiz__result h2{max-width:520px;font:500 34px/1.05 var(--serif,Georgia,serif);letter-spacing:-.025em}.tone-quiz fieldset>p{color:#2D2C2A;margin:10px 0 24px;font-size:13px}.tone-quiz fieldset label{cursor:pointer;margin:10px 0;display:block}.tone-quiz fieldset label input{position:absolute;opacity:0;pointer-events:none}.tone-quiz fieldset label span{border:1px solid var(--tone-line);min-height:72px;padding:14px 18px;display:flex;flex-direction:column;justify-content:center}.tone-quiz fieldset label input:checked+span{border-color:#2D2C2A;background:#FFF7F5;box-shadow:inset 3px 0 #A0735C}.tone-quiz fieldset label input:focus-visible+span{outline:2px solid #2D2C2A;outline-offset:2px}.tone-quiz fieldset label b{font-size:13px}.tone-quiz fieldset label small{color:#2D2C2A;margin-top:4px}.tone-quiz__actions{display:flex;justify-content:space-between;margin-top:28px}.tone-quiz__actions button,.tone-quiz__restart{border:1px solid var(--tone-ink);background:#fff;min-height:44px;padding:0 22px}.tone-quiz__actions button:last-child{color:#fff;background:var(--tone-ink)}.tone-quiz__actions button:disabled{opacity:.35}.tone-quiz__result{text-align:center}.tone-quiz__result h2{margin:12px auto}.tone-quiz__result>p{color:#2D2C2A}.tone-quiz__products{height:112px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0}.tone-quiz__products[hidden]{display:none}.tone-quiz__products a{overflow:hidden}.tone-quiz__products img{width:100%;height:100%;object-fit:cover}.tone-quiz__result .tone-experience__button{margin:6px auto 14px}.tone-quiz__restart{border:0;text-decoration:underline;display:block;margin:auto}.tone-quiz[open]{animation:tone-dialog-in .25s ease-out}@keyframes tone-dialog-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:760px){.tone-experience .shell{width:min(100% - 30px,1240px)}.tone-experience__hero{width:100%;grid-template-columns:1fr;min-height:0}.tone-experience__hero-copy{padding:64px 24px 48px}.tone-experience__hero h1{font-size:53px}.tone-experience__hero-image{min-height:430px}.tone-experience__selector{padding-block:70px 48px}.tone-experience__tone-grid{grid-template-columns:1fr;gap:10px;margin-top:34px}.tone-choice{min-height:218px}.tone-experience__tests{grid-template-columns:1fr;margin-bottom:60px}.tone-experience__tests article+article{border-left:0;border-top:1px solid var(--tone-line)}.tone-experience__edits{padding-block:42px}.tone-edit,.tone-edit--reverse{grid-template-columns:1fr;gap:0;padding-block:22px}.tone-edit--reverse .tone-edit__image{order:0}.tone-edit__image{height:440px}.tone-edit__copy{padding:34px 8px 48px}.tone-edit__copy h2{font-size:39px}.tone-experience__final{padding:70px 0}.tone-quiz__frame{padding:26px 20px 28px}.tone-quiz legend,.tone-quiz__result h2{font-size:29px}.tone-quiz__products{height:92px}}@media(prefers-reduced-motion:reduce){.tone-choice,.tone-quiz[open]{animation:none;transition:none}}
  @media(min-width:761px){.tone-experience .tone-experience__edits .tone-edit{width:min(1540px,calc(100% - 96px));height:clamp(680px,42vw,860px);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;padding-block:0}.tone-experience__edits .tone-edit+.tone-edit{margin-top:72px}.tone-experience__edits .tone-edit__image{height:100%}.tone-experience__edits .tone-edit__copy{height:100%;padding:clamp(48px,5vw,82px);display:flex;flex-direction:column;justify-content:center}.tone-experience__edits .tone-edit__copy h2{max-width:600px}}