.intq{--ink:#2B2B2B;--quiet:#6E6A62;--kick:#ACA69A;--band:#FAF8F2;--plate:#F2EFE6;--linenink:#EDE8DC;--hair:#E6E6E2;--mint:#00FFBF;--paper:#fff;--ease:cubic-bezier(.22,1,.36,1);font-family:IntentionFigtree,Figtree,system-ui,sans-serif;color:var(--ink);background:var(--paper)}.intq *{box-sizing:border-box}.intq__inner{max-width:760px;margin:0 auto;padding:64px 24px 72px}.intq__screen[hidden]{display:none}.intq .k{display:block;font-size:11px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--kick);margin:0 0 18px}.intq h1,.intq h2,.intq h3,.intq p{margin:0;font-family:inherit}.intq h1{font-size:clamp(27px,3.6vw,42px);font-weight:300;line-height:1.12;letter-spacing:-.018em;color:var(--ink);text-wrap:balance}.intq h2{font-size:clamp(22px,2.9vw,32px);font-weight:300;line-height:1.22;letter-spacing:-.014em;color:var(--ink);text-wrap:balance}.intq p.b{font-size:15px;line-height:1.85;color:var(--quiet);margin:18px 0 0}.intq .ctr{text-align:center}.intq .fade{animation:intq-in .55s var(--ease) both}@keyframes intq-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.intq .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:inherit;font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);background:var(--mint);border:1px solid var(--mint);padding:15px 32px;cursor:pointer;text-decoration:none;transition:background .22s,border-color .22s,transform .18s;white-space:nowrap}.intq .btn:hover{background:#00e6ab;border-color:#00e6ab;transform:translateY(-1px)}.intq .btn--ghost{color:var(--ink);background:transparent;border-color:var(--ink)}.intq .btn--ghost:hover{background:transparent;border-color:var(--mint)}.intq .btn:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.intq .mt{font:inherit;font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--kick);background:none;border:0;padding:10px 0;cursor:pointer}.intq .mt:hover{color:var(--ink)}.intq .row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:34px}.intq__intro{text-align:center;padding:24px 0 8px}.intq__intro .btn{margin-top:36px}.intq__friend{margin:0 auto 40px;max-width:420px;background:var(--band);padding:24px 24px 26px;text-align:center}.intq__friend .wall{margin:0 0 18px;background:var(--plate)}.intq__friend .w{font-size:22px;font-weight:300;letter-spacing:.22em;text-transform:uppercase;color:var(--ink)}.intq__prog{height:1px;background:var(--hair);margin:0 0 40px;position:relative}.intq__prog i{position:absolute;left:0;top:-1px;height:3px;background:var(--mint);transition:width .4s var(--ease)}.intq__q{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:8px}.intq__q .k{margin:0}.intq__ans{list-style:none;margin:36px 0 0;padding:0;display:grid;gap:10px}.intq__ans button{display:block;width:100%;text-align:left;font:inherit;font-size:16px;font-weight:300;line-height:1.5;color:var(--ink);background:var(--band);border:1px solid transparent;padding:20px 22px;cursor:pointer;transition:border-color .18s,background .18s,transform .18s}.intq__ans button:hover{border-color:var(--mint);background:var(--plate)}.intq__ans button:active{transform:scale(.995)}.intq__ans button:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.intq__ans--pic{grid-template-columns:repeat(5,1fr);gap:12px}.intq__ans--pic button{padding:0;background:none;border:0;text-align:center}.intq .wall{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:4/5;background:var(--band);padding:9%;box-sizing:border-box;border:1px solid transparent;transition:border-color .18s,transform .25s var(--ease)}.intq .wall img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;background:#fff;padding:5.5%;box-sizing:border-box;border:3px solid #2B2B2B;box-shadow:0 10px 22px #2b2b2b29,0 1px 2px #2b2b2b33}.intq__ans--pic button:hover .wall{border-color:var(--mint);transform:translateY(-3px)}.intq__ans--pic .t{display:block;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--kick);margin-top:10px;line-height:1.4}@media(max-width:640px){.intq__ans--pic{grid-template-columns:repeat(2,1fr)}.intq__ans--pic li:last-child{grid-column:1/-1;max-width:50%;margin:0 auto;width:100%}}.intq__nav{margin-top:28px}.intq__stage{background:var(--linenink);padding:34px 24px;margin:0 -24px 30px;text-align:center}@media(min-width:600px){.intq__stage{margin:0 0 30px;padding:44px 40px}}.intq__stage .wall{aspect-ratio:auto;padding:0;background:transparent;max-width:340px;margin:0 auto;border:0}.intq__stage .wall img{max-height:52vh}.intq__stage .cap{display:block;font-size:9px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--kick);margin:16px 0 0}.intq__stage .k{margin:30px 0 0;color:#2b2b2b8c}.intq__letter{display:block;width:min(560px,100%);height:auto;margin:0 auto}@media(max-width:600px){.intq__letter{width:calc(100% + 8px);max-width:none;margin-left:-4px}}.intq__word{font-size:clamp(40px,7vw,72px);font-weight:300;letter-spacing:.16em;text-transform:uppercase;line-height:1.05;color:var(--ink);margin:6px 0 0}.intq .intq__def{font-size:18px;line-height:1.6;color:var(--ink);margin:0 auto;max-width:30ch;text-wrap:balance}.intq .intq__why{font-size:14px;line-height:1.75;color:var(--quiet);margin:18px auto 0;max-width:34ch;text-wrap:pretty}.intq__why em{font-style:normal;color:var(--ink)}.intq__btns{display:grid;gap:10px;max-width:320px;margin:34px auto 0}.intq__btns .btn{width:100%}.intq__again{margin-top:26px}.intq__keep{margin-top:64px;background:var(--band);padding:40px 24px 44px;text-align:center}.intq__keep .k{color:#2b2b2bb3}.intq__keep h3{font-size:clamp(20px,2.6vw,26px);font-weight:300;line-height:1.25;color:var(--ink)}.intq__keep p.b{color:#2b2b2bdb;font-size:14px;margin-top:12px}.intq__form{max-width:420px;margin:26px auto 0;display:grid;gap:10px}.intq__form input[type=text],.intq__form input[type=email]{font:inherit;font-size:15px;font-weight:300;color:var(--ink);background:var(--paper);border:1px solid var(--hair);padding:14px 16px;width:100%}.intq__form input:focus{outline:none;border-color:var(--mint)}.intq__form input::placeholder{color:#9a9a94}.intq__form label{display:flex;gap:10px;align-items:flex-start;text-align:left;font-size:12px;line-height:1.6;color:#2b2b2bbd;margin-top:4px}.intq__form label a{color:var(--ink);text-decoration:none;box-shadow:inset 0 -1px #e9e9e6}.intq__form label a:hover{box-shadow:inset 0 -1px 0 var(--mint)}.intq__form input[type=checkbox]{accent-color:#2B2B2B;margin-top:3px;flex:0 0 auto}.intq__form .btn{width:100%;margin-top:6px}.intq__msg{font-size:13px;line-height:1.6;color:var(--quiet);margin-top:14px;min-height:1.6em}.intq__msg.err{color:#8a2a2a}.intq .intq__done{font-size:15px;line-height:1.7;color:var(--ink);margin-top:20px}@media(prefers-reduced-motion:reduce){.intq .fade{animation:none}.intq__prog i{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/177/assets/int-quiz.css.map */