:root{--ember:#D2553A;--ember-ink:#B8452C;--ember-lt:#E9735A;--plum:#241521;--bg:#FBF7F2;--sand:#E8D5C4;--mute:#6B5A64;--serif:"DM Serif Display",Georgia,serif;--sans:"DM Sans",system-ui,sans-serif}
*{box-sizing:border-box;margin:0}
body{background:var(--bg);color:var(--plum);font:400 18px/1.7 var(--sans)}
@media(min-width:900px){body{font-size:19px}}
img{display:block}a{color:inherit}
:focus-visible{outline:3px solid var(--ember-ink);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:16px;background:var(--plum);color:var(--bg);padding:8px 16px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}@media(min-width:900px){.wrap{padding:0 40px}}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.04;letter-spacing:-.01em}
em{font-style:italic;color:var(--ember-ink)}
h1{font-size:44px}h2{font-size:38px}
@media(min-width:900px){h1{font-size:80px}h2{font-size:56px}}
.kicker{font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ember-ink);margin-bottom:24px;display:flex;gap:8px;align-items:center}
.kicker.light{color:var(--ember-lt)}
.small{font-size:15px;color:var(--mute);margin-top:16px}
.btn{display:inline-flex;align-items:center;min-height:52px;padding:0 28px;border-radius:999px;background:var(--ember);color:var(--plum);font-weight:700;font-size:19px;text-decoration:none;border:0;cursor:pointer;transition:background .2s,transform .2s;font-family:var(--sans)}
.btn:hover{background:var(--ember-lt)}
.btn-sm{min-height:44px;font-size:16px;padding:0 18px;background:var(--plum);color:var(--bg)}.btn-sm:hover{background:#3b2436}
.link{font-weight:700;text-underline-offset:6px;min-height:44px;display:inline-flex;align-items:center}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* nav */
.nav{display:flex;align-items:center;gap:16px;padding-top:16px;padding-bottom:16px}
.logo{display:flex;align-items:center;gap:8px;font-family:var(--serif);font-size:26px;letter-spacing:.01em;text-decoration:none;line-height:1}
.nav nav{display:flex;gap:20px;margin-left:auto;font-size:16px;font-weight:500}.nav nav a{text-decoration:none;padding:10px 0}
.nav .btn-sm{display:none}
@media(max-width:899px){.hide-m{display:none}}
@media(min-width:900px){.nav{padding-top:28px}.nav nav{gap:32px}.nav .btn-sm{display:inline-flex}}
/* photos */
.photo{position:relative;border-radius:10px;overflow:hidden;background:#c9a58c}
.photo figcaption{position:absolute;left:12px;bottom:12px;right:12px;font-size:13px;line-height:1.4;color:var(--plum);background:rgba(251,247,242,.85);padding:6px 10px;border-radius:6px}
.p1{background:radial-gradient(120% 90% at 85% 10%,#f6d9b8 0,#d98d6a 40%,#7a3a35 75%,#3a1f2a 100%)}
.p2{background:radial-gradient(100% 100% at 20% 20%,#efd2bb 0,#b8735a 50%,#4a2a33 100%)}
.p3{background:linear-gradient(160deg,#f3c79a 0,#cf7b52 45%,#5b2e33 100%)}
/* hero */
.hero{display:grid;gap:32px;padding-top:24px;padding-bottom:64px}
.lede{font-size:21px;max-width:30ch;margin-top:24px}
.ctas{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;margin-top:32px}
.trust{margin-top:24px;font-size:15px;font-weight:500;color:var(--mute);border-top:1px solid var(--sand);padding-top:16px;max-width:360px}
.hero-img{aspect-ratio:4/5}.hero-inset{display:none}
@media(min-width:900px){.hero{grid-template-columns:7fr 5fr;column-gap:64px;padding-top:64px;padding-bottom:96px;position:relative}
.hero-copy{padding-top:40px}.hero-img{aspect-ratio:auto;height:640px}
.hero-inset{display:block;position:absolute;width:220px;height:280px;left:52%;bottom:40px;border:8px solid var(--bg);box-sizing:content-box}}
/* questions */
.questions{padding-top:64px;padding-bottom:64px;border-top:1px solid var(--sand)}
.sec-head p:not(.kicker){margin-top:16px;max-width:52ch}
.qlist{list-style:none;padding:0;margin-top:40px;border-top:2px solid var(--plum)}
.qlist a{display:grid;grid-template-columns:48px 1fr;column-gap:16px;text-decoration:none;padding:24px 0;border-bottom:1px solid var(--sand)}
.qlist .num{font-weight:700;color:var(--ember-ink);font-size:15px;padding-top:6px;grid-row:span 3}
.qlist h3{font-size:30px;transition:color .2s}.qlist a:hover h3{color:var(--ember-ink)}
.qlist p{margin-top:8px}.meta{font-size:15px;color:var(--mute);margin-top:8px}
@media(min-width:900px){.questions{padding-top:96px;padding-bottom:96px;display:grid;grid-template-columns:4fr 8fr;gap:64px}
.qlist{margin-top:0;display:grid;grid-template-columns:1fr 1fr;column-gap:40px}
.q-feature{grid-column:1/-1}.q-feature h3{font-size:56px}.q-feature a{padding:32px 0 40px}.qlist h3{font-size:34px}}
/* tracker */
.tracker{background:var(--plum);color:var(--bg);padding:64px 0}
.tracker em{color:var(--ember-lt)}.tracker h2{margin-bottom:24px}.tracker p{max-width:46ch;margin-bottom:32px}.tracker .small{color:var(--sand);margin-top:16px}
.tracker-grid{display:grid;gap:48px}
.card-snap{background:var(--bg);color:var(--plum);border-radius:12px;padding:24px;box-shadow:16px 16px 0 var(--ember)}
.snap-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--sand);font-size:19px}
.tag{font-size:13px;background:var(--sand);padding:4px 12px;border-radius:999px;font-weight:700}
.row{display:grid;grid-template-columns:1fr auto;gap:8px 16px;padding:16px 0;border-bottom:1px solid var(--sand);font-size:17px}
.bars{display:flex;gap:4px;grid-row:2}.bars i{width:28px;height:10px;border-radius:3px;background:var(--sand)}
.b4 i:nth-child(-n+4),.b3 i:nth-child(-n+3),.b2 i:nth-child(-n+2){background:var(--ember)}
.lvl{font-weight:700;color:var(--ember-ink)}
.snap-foot{display:flex;justify-content:space-between;padding-top:16px;font-weight:700}
@media(min-width:900px){.tracker{padding:96px 0}.tracker-grid{grid-template-columns:1fr 1fr;gap:96px;align-items:center}.card-snap{padding:32px;transform:rotate(-1.5deg)}}
/* sisters */
.sisters{display:grid;gap:40px;padding-top:64px;padding-bottom:64px}
.sis-img{aspect-ratio:1/1}
.sisters h2{margin-bottom:24px}
.ticks{list-style:none;padding:0;margin:24px 0 32px}.ticks li{padding:10px 0 10px 28px;border-bottom:1px solid var(--sand);position:relative}
.ticks li:before{content:"";position:absolute;left:0;top:22px;width:12px;height:12px;border-radius:50%;background:var(--ember)}
.price{display:flex;align-items:center;gap:16px;margin-bottom:24px;line-height:1.3;font-weight:500}
.price .big{font-family:var(--serif);font-size:72px;line-height:1;color:var(--ember-ink)}
@media(min-width:900px){.sisters{grid-template-columns:5fr 6fr;gap:96px;padding-top:120px;padding-bottom:120px;align-items:center}.sis-img{aspect-ratio:4/5;margin-top:-40px}}
/* edit */
.edit{background:var(--ember);padding:64px 0}
.edit em{color:var(--bg)}
.edit-grid{display:grid;gap:32px}
.edit form{display:flex;flex-direction:column;gap:12px;margin-top:24px}
.edit input{min-height:56px;border-radius:999px;border:2px solid var(--plum);padding:0 24px;font:inherit;background:var(--bg);color:var(--plum)}
.edit .btn{background:var(--plum);color:var(--bg);justify-content:center}.edit .btn:hover{background:#3b2436}
.edit .small{color:var(--plum)}
.edit :focus-visible{outline-color:var(--plum)}
@media(min-width:900px){.edit{padding:96px 0}.edit-grid{grid-template-columns:7fr 5fr;gap:96px;align-items:end}.edit h2{font-size:72px}.edit form{flex-direction:row}.edit input{flex:1}}
/* footer */
.foot{padding-top:64px;padding-bottom:40px;display:grid;gap:24px}
.disc{max-width:60ch;font-size:16px}
.foot nav{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:16px}.foot nav a{padding:8px 0}
.foot .small{margin-top:0}
/* iteration 2 */
.btn{white-space:nowrap}
.hero-img figcaption{top:12px;bottom:auto}
@media(min-width:900px){.hero-inset{left:auto;right:calc(5/12*100% + 8px);bottom:24px;width:200px;height:250px}
.hero h1{font-size:84px;max-width:12ch}.edit-grid{grid-template-columns:6fr 6fr}}
@media(min-width:900px){.hero-inset{right:auto;left:calc(40px + (100% - 80px - 64px)*7/12 + 64px - 90px);bottom:24px;width:180px;height:230px}}
/* photos v3 */
.photo picture,.photo img{display:block;width:100%;height:100%}
.photo img{object-fit:cover}
.sis-img{aspect-ratio:4/3}
@media(min-width:900px){.sis-img{aspect-ratio:4/3;margin-top:0}.sisters{grid-template-columns:6fr 5fr}}
/* mobile menu */
.nav{position:relative;flex-wrap:wrap}
.menu-btn{order:3;width:44px;height:44px;border:0;background:transparent;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;cursor:pointer;margin-left:-4px}
.menu-btn span{width:22px;height:2px;background:var(--plum);transition:transform .2s}
.menu-btn[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}
.menu-btn[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}
.mmenu{order:4;flex-basis:100%;display:flex;flex-direction:column;border-top:1px solid var(--sand);padding:8px 0 16px}
.mmenu[hidden]{display:none}
.mmenu a:not(.btn){font-family:var(--serif);font-size:30px;text-decoration:none;padding:10px 0;border-bottom:1px solid var(--sand)}
.mmenu .btn{margin-top:20px;justify-content:center}
@media(min-width:900px){.menu-btn,.mmenu{display:none!important}}
@media(max-width:899px){.nav{gap:12px}.nav .logo{font-size:23px}.nav nav{gap:16px}.menu-btn{margin-right:-10px}}
/* ===== inner pages ===== */
.page-head{padding-top:40px;padding-bottom:40px}
.page-head h1{max-width:16ch}.page-head .lede{max-width:44ch}
@media(min-width:900px){.page-head{padding-top:80px;padding-bottom:64px}}
.lib{padding-bottom:96px}.lib .qlist{margin-top:0}
.qlist .soon>div{display:grid;grid-template-columns:48px 1fr;column-gap:16px;padding:24px 0;border-bottom:1px solid var(--sand);color:var(--mute)}
.qlist .soon .num{color:var(--mute)}
@media(min-width:900px){.lib .qlist{grid-template-columns:1fr 1fr}.lib .qlist li:first-child{grid-column:1/-1}.lib .qlist li:first-child h3{font-size:56px}}
/* article */
.art-head{padding-top:40px;padding-bottom:32px;max-width:1040px}
.art-head .kicker a{text-decoration:none}
.art-head h1{font-size:46px;max-width:18ch}
@media(min-width:900px){.art-head{padding-top:88px}.art-head h1{font-size:76px}}
.art-head .lede{max-width:36ch;font-size:22px}
.byline{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:32px;padding-top:16px;border-top:2px solid var(--plum);font-size:15px;font-weight:500;color:var(--mute)}
.byline .ev{color:var(--plum);font-weight:700}
.prose{max-width:760px;margin:0 auto;padding:16px 20px 64px}
.wrap-prose{padding-bottom:96px}
.prose h2{font-size:34px;margin:48px 0 16px}
@media(min-width:900px){.prose h2{font-size:40px}.prose{padding-left:20px}}
.prose p,.prose li{max-width:68ch}.prose ul{padding-left:22px}.prose li{margin:8px 0}
.prose a{color:var(--ember-ink);text-underline-offset:3px}
.prose sup{font-size:12px;margin-left:2px}
.prose sup a{display:inline-block;min-width:20px;padding:0 5px;border-radius:999px;background:var(--sand);color:var(--plum);text-decoration:none;font-weight:700;line-height:20px;text-align:center}
.take{margin:56px 0;padding:32px;background:var(--plum);color:var(--bg);border-radius:12px;box-shadow:12px 12px 0 var(--ember)}
.take .kicker{color:var(--ember-lt)}.take ul{list-style:none;padding:0}.take li{padding:12px 0;border-bottom:1px solid #4a3044}
.take .link{color:var(--bg);margin-top:16px}
.inline-edit{display:grid;grid-template-columns:36px 1fr;gap:16px;margin:56px 0;padding:32px 0;border-top:2px solid var(--plum);border-bottom:1px solid var(--sand)}
.inline-edit h2{margin:0 0 8px;font-size:30px}
.inline-edit form{display:flex;flex-direction:column;gap:12px;margin-top:16px}
.inline-edit input,.wl input{min-height:52px;border-radius:999px;border:2px solid var(--plum);padding:0 22px;font:inherit;background:var(--bg);color:var(--plum)}
@media(min-width:700px){.inline-edit form,.wl{flex-direction:row}.inline-edit input,.wl input{flex:1}}
.sources{margin-top:40px;font-size:16px}.sources ol{padding-left:22px}.sources li{margin:10px 0;word-break:break-word}
.sources h2{font-size:30px}
.art-disc{margin-top:40px;padding:20px;background:#F3EAE1;border-radius:10px;font-size:16px}
/* tracker */
.sheet{padding-bottom:96px}
.sheet-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:end;padding:16px 0;border-top:2px solid var(--plum);margin-bottom:16px}
.sheet-head .logo{font-size:20px}
.fields{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:15px}
.grid-wrap{overflow-x:auto;border-radius:10px;border:1px solid var(--sand);background:#fff}
.grid{border-collapse:collapse;width:100%;min-width:900px;font-size:14px}
.grid th,.grid td{border:1px solid var(--sand);padding:8px;height:40px}
.grid thead th{background:var(--plum);color:var(--bg);font-weight:700;text-align:center;border-color:#4a3044}
.grid thead th:first-child{text-align:left}
.grid tbody th{text-align:left;font-weight:500;width:240px;background:#FDFBF8}
.grid tbody tr:nth-child(even) td{background:#FCF8F4}
.sheet-foot{display:grid;gap:32px;margin-top:32px}.sheet-foot h2{font-size:28px;margin-bottom:8px}
.line{border-bottom:1px solid var(--plum);height:40px;margin:0}
@media(min-width:900px){.sheet-foot{grid-template-columns:3fr 2fr}}
@media print{.nav,.foot,.noprint,.skip{display:none!important}body{background:#fff;font-size:11px}.wrap{padding:0;max-width:none}.grid{min-width:0;font-size:10px}.grid th,.grid td{height:26px;padding:4px}.grid tbody th{width:170px}.grid thead th{background:#241521!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.grid-wrap{overflow:visible;border:0}.sheet{padding:0}.sheet-foot h2{font-size:16px}.line{height:26px}@page{size:landscape;margin:12mm}}
/* ember sisters */
.es-hero{background:var(--plum);color:var(--bg);padding:48px 0 64px}
.es-hero em{color:var(--ember-lt)}.es-hero .small{color:var(--sand)}
.es-grid{display:grid;gap:40px;align-items:center}
.es-hero .lede{margin:24px 0 32px;max-width:40ch}
.wl{display:flex;flex-direction:column;gap:12px}.wl input{border-color:var(--bg)}
.es-img{aspect-ratio:4/3}
@media(min-width:900px){.es-hero{padding:96px 0}.es-grid{grid-template-columns:6fr 5fr;gap:64px}}
.es-body{display:grid;gap:48px;padding-top:64px;padding-bottom:64px}
.perks{list-style:none;padding:0;counter-reset:p;border-top:2px solid var(--plum)}
.perks li{padding:24px 0;border-bottom:1px solid var(--sand)}.perks h3{font-size:32px;margin-bottom:8px}
.price-card{background:var(--ember);color:var(--plum);border-radius:12px;padding:32px;align-self:start}
.price-card .kicker{color:var(--plum)}.price-card .price{display:flex;align-items:baseline;gap:8px;margin:0 0 16px}.price-card .big{font-family:var(--serif);font-size:88px;line-height:1;color:var(--plum)}
.price-card .btn{background:var(--plum);color:var(--bg);margin-top:24px}
@media(min-width:900px){.es-body{grid-template-columns:7fr 4fr;gap:96px;padding-top:96px;padding-bottom:96px}.price-card{position:sticky;top:32px}}
.rules{padding-bottom:96px}.rules h2{margin-bottom:16px}.rules p{max-width:60ch}
/* signup forms */
.hp{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.mm-form{position:relative;flex-wrap:wrap}
.form-status{flex-basis:100%;margin:4px 0 0;font-size:16px;font-weight:500;min-height:0}
.form-status:empty{display:none}
.form-status.ok{color:inherit;padding:12px 16px;border-radius:10px;background:rgba(251,247,242,.9);color:var(--plum)}
.form-status.err{padding:12px 16px;border-radius:10px;background:#FBE3DC;color:#8A2B17}
.mm-form input[aria-invalid=true]{border-color:#8A2B17;box-shadow:0 0 0 2px #FBE3DC}
.mm-form button[disabled]{opacity:.75;cursor:progress}
.wl select{min-height:52px;border-radius:999px;border:2px solid var(--bg);padding:0 20px;font:inherit;background:var(--plum);color:var(--bg);flex-basis:100%}
@media(min-width:700px){.wl select{flex-basis:auto;flex:1 1 100%}}
.edit .form-status.ok{background:var(--bg)}