.basics-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;max-width:1240px;margin:auto;padding:22px 30px;display:flex}.color-basics{width:min(1080px,100% - 80px);margin:auto;padding:30px 0 60px}.basics-back{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:inline-flex}.basics-intro{padding:48px 0 58px}.basics-kicker{color:var(--wine);align-items:center;gap:7px;font-size:12px;font-weight:500;display:flex}.basics-intro h1{margin:19px 0;font-size:72px;line-height:1.05}.basics-intro>p:last-child{max-width:500px;color:var(--muted);font-size:16px;line-height:1.8}.basics-daylight,.basics-outfit,.basics-shopping{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:55px 0;display:grid}.color-basics h2{margin:17px 0;font-size:44px;line-height:1.1}.basics-daylight>div>p:not(.basics-kicker),.basics-outfit>div>p:not(.basics-kicker),.basics-shopping p:not(.basics-kicker){color:var(--muted);margin-top:15px;font-size:14px;line-height:1.9}.basics-photo-pair{grid-template-columns:1fr 1fr;gap:13px;display:grid}.basics-photo-pair figure{margin:0}.basics-photo-pair img{border-radius:5px;width:100%;height:auto}.basics-photo-pair figcaption{align-items:center;gap:5px;margin-top:12px;font-size:12px;display:flex}.basics-photo-pair figcaption svg{color:#52664a}.basics-photo-pair>p{grid-column:span 2;margin:0!important;font-size:10px!important}.basics-outfit-photo img{border-radius:5px;width:100%;height:auto;animation:.25s basics-in}.basics-look-controls{gap:9px;margin-top:22px;display:grid}.basics-look-controls button{border:1px solid var(--line);text-align:left;background:0 0;border-radius:4px;align-items:center;gap:4px;min-height:48px;padding:12px;display:flex}.basics-look-controls button>span:not(:last-child){border-radius:2px;flex-shrink:0;width:18px;height:24px}.basics-look-controls button>span:last-child{margin-left:7px;font-size:12px}.basics-look-controls button[aria-pressed=true]{border-color:var(--wine);background:#eee7df}.basics-look-note{min-height:65px;animation:.2s basics-in}.basics-outfit small{color:var(--muted);margin-top:16px;font-size:11px;line-height:1.7;display:block}.basics-checklist{background:#eeeadf;border-radius:6px;padding:28px}.basics-checklist h3{font:500 24px var(--serif);margin-bottom:18px}.basics-checklist label{cursor:pointer;align-items:start;gap:11px;padding-block:13px;font-size:13px;line-height:1.7;display:flex}.basics-checklist input{accent-color:var(--wine);flex-shrink:0;width:17px;height:17px;margin:3px 0 0}.basics-checklist input:checked+span{color:#637156}.basics-next{border-top:1px solid var(--line);text-align:center;padding-top:45px}.basics-next p{max-width:510px;color:var(--muted);margin:0 auto 23px;font-size:14px;line-height:1.9}.basics-next>span{color:var(--muted);margin-top:12px;font-size:11px;display:block}.basics-next>a:last-child{color:var(--wine);justify-content:center;align-items:center;gap:10px;margin-top:23px;font-size:12px;display:flex}.basics-footer{border-top:1px solid var(--line);justify-content:center;gap:25px;padding:25px;font-size:12px;display:flex}@keyframes basics-in{0%{opacity:.4}to{opacity:1}}@media (max-width:760px){.basics-header{padding:20px}.basics-header .brand{gap:8px;font-size:26px}.basics-header .button{gap:7px;padding:10px 12px;font-size:11px}.color-basics{width:calc(100% - 40px);padding-top:24px}.basics-intro{padding:32px 0 35px}.basics-intro h1{font-size:50px}.basics-intro>p:last-child{font-size:14px}.basics-daylight,.basics-outfit,.basics-shopping{grid-template-columns:1fr;gap:25px;padding:34px 0}.color-basics h2{font-size:37px}.basics-photo-pair figcaption{font-size:11px}.basics-daylight>div>p:not(.basics-kicker),.basics-outfit>div>p:not(.basics-kicker),.basics-shopping p:not(.basics-kicker){font-size:14px}.basics-outfit-photo{border-radius:5px;max-height:330px;overflow:hidden}.basics-outfit-photo img{transform:translateY(-6%)}.basics-checklist{padding:24px}.basics-next .button{width:100%}}@media (max-width:370px){.basics-header .brand{font-size:23px}.basics-header .button svg{display:none}.basics-header .button{font-size:10px}.basics-intro h1{font-size:44px}}@media (prefers-reduced-motion:reduce){.basics-outfit-photo img,.basics-look-note{animation:none}}