@font-face{font-family:Barlow Condensed;src:url('/fonts/barlow-condensed-900-latin.v13.woff2')}@font-face{font-family:EB Garamond;src:url('/fonts/eb-garamond-latin.v13.woff2')}@font-face{font-family:Barlow;src:url('/fonts/barlow-400-latin.v13.woff2')}@font-face{font-family:Barlow;src:url('/fonts/barlow-600-latin.v13.woff2');font-weight:600}
:root{--ink:#171411;--paper:#e9e1d2;--paper2:#d8cdbb;--wine:#6f2731;--rust:#a7583c;--moss:#59604c;--line:rgba(23,20,17,.22);--serif:'EB Garamond',Georgia,serif;--cond:'Barlow Condensed','Arial Narrow',sans-serif;--sans:Barlow,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px}.grain{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}.skip{position:fixed;top:-4rem;left:1rem;z-index:99;background:var(--paper);padding:.8rem}.skip:focus{top:1rem}.topbar{height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 3vw;border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.12em;font-size:.68rem}.wordmark{font:900 1.6rem var(--cond);letter-spacing:.02em;color:inherit;text-decoration:none}.wordmark span{color:var(--wine)}.topbar p span{color:var(--rust);margin:0 .5rem}.reset{justify-self:end;border:0;background:none;text-transform:inherit;letter-spacing:inherit;cursor:pointer;border-bottom:1px solid;padding:.4rem 0;color:inherit}.hero{min-height:calc(100vh - 72px);padding:8vh 4vw 5vh;display:grid;grid-template-columns:minmax(0,2.2fr) minmax(260px,.8fr);grid-template-rows:auto 1fr;position:relative;overflow:hidden}.hero-kicker,.micro{text-transform:uppercase;letter-spacing:.2em;font-size:.68rem;font-weight:600}.hero h1{font:900 clamp(5rem,12.5vw,12rem)/.75 var(--cond);letter-spacing:-.055em;text-transform:uppercase;margin:8vh 0 0;max-width:1100px;z-index:1}.hero h1 em{font-family:var(--serif);font-weight:400;text-transform:none;color:var(--wine)}.hero-side{align-self:end;padding:0 2vw 3vh;border-left:1px solid var(--ink);max-width:420px}.hero-side>p{font:1.35rem/1.3 var(--serif)}blockquote{margin:4rem 0 0;font:600 .75rem/1.6 var(--sans);text-transform:uppercase;letter-spacing:.12em}.hero-mark{position:absolute;right:-.03em;top:2vh;font:900 44vw/.8 var(--cond);color:rgba(111,39,49,.065);letter-spacing:-.1em}.pulse{background:var(--wine);color:var(--paper);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:3vw;padding:2rem 4vw}.pulse p{margin:.15rem 0}.progress-line{font-family:var(--serif);font-size:1.1rem}.progress-track{height:2px;background:rgba(233,225,210,.25)}.progress-track span{height:100%;display:block;width:0;background:var(--paper);transition:width .5s ease}.percentage{font:900 3rem var(--cond)}section:not(.hero,.pulse,.workspace,.outfits){padding:8rem 4vw}.section-intro{display:grid;grid-template-columns:1fr 2fr 1fr;gap:3vw;align-items:start;margin-bottom:4rem}.section-intro h2,.guardrails h2{font:900 clamp(3.5rem,7vw,7rem)/.82 var(--cond);text-transform:uppercase;letter-spacing:-.035em;margin:0}.section-intro>p:last-child{font:1.25rem/1.4 var(--serif);margin:0}.phase-list{list-style:none;padding:0;margin:0 0 0 24%;border-top:1px solid var(--line)}.phase-list li{display:grid;grid-template-columns:70px 200px 1fr;gap:2rem;padding:2rem 0;border-bottom:1px solid var(--line);align-items:baseline}.phase-list .num{font:italic 2rem var(--serif);color:var(--wine)}.phase-list strong{text-transform:uppercase;font:900 1.5rem var(--cond)}.phase-list span:last-child{line-height:1.5}.workspace{display:grid;grid-template-columns:minmax(230px,28vw) 1fr;background:var(--ink);color:var(--paper);padding:7rem 4vw;gap:7vw}.controls{position:sticky;top:2rem;align-self:start}.controls h2{font:900 4.5rem/.85 var(--cond);text-transform:uppercase;margin:1rem 0 3rem}.search span{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:.65rem;margin-bottom:.6rem}.search input{width:100%;background:transparent;color:var(--paper);border:0;border-bottom:1px solid #766f65;padding:.8rem 0;font:1.1rem var(--serif);outline:none}.search input:focus{border-color:var(--rust)}.filters{display:grid;margin-top:2.5rem}.filters button{color:#aca397;background:none;border:0;border-bottom:1px solid #3a3530;text-align:left;padding:.8rem 0;text-transform:uppercase;letter-spacing:.12em;font-size:.67rem;cursor:pointer}.filters button.active,.filters button:hover{color:var(--paper);padding-left:.7rem}.only-open{display:flex;gap:.7rem;margin-top:2rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.chapter{border-top:1px solid #4c4640;padding:1.5rem 0}.chapter-head{width:100%;display:grid;grid-template-columns:54px 1fr auto;align-items:center;color:inherit;background:none;border:0;text-align:left;cursor:pointer;padding:0}.chapter-index{font:italic 1.4rem var(--serif);color:var(--rust)}.chapter h3{font:900 clamp(1.8rem,3vw,3rem)/1 var(--cond);text-transform:uppercase;margin:.4rem 0}.chapter-meta{text-align:right;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:#a69d91}.items{padding:1.5rem 0 .8rem 54px;display:grid;gap:.4rem}.chapter.closed .items{display:none}.task{display:grid;grid-template-columns:28px 1fr;gap:.7rem;padding:.7rem 0;cursor:pointer;line-height:1.35}.task input{position:absolute;opacity:0}.box{width:18px;height:18px;border:1px solid #81796f;margin-top:2px;display:grid;place-items:center}.task input:checked+.box{background:var(--rust);border-color:var(--rust)}.task input:checked+.box:after{content:'×';font:1.1rem/1 var(--sans)}.task input:checked~span{text-decoration:line-through;color:#81796f}.empty{padding:5rem 0;font:italic 1.5rem var(--serif);color:#a69d91}.outfits{background:var(--wine);color:var(--paper);padding:8rem 4vw}.section-intro.light{border-color:rgba(255,255,255,.25)}.outfit-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,32vw);gap:1px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:1.5rem}.outfit{min-height:430px;background:var(--paper);color:var(--ink);padding:2rem;scroll-snap-align:start;display:flex;flex-direction:column}.outfit .letter{font:italic 3rem var(--serif);color:var(--wine)}.outfit h3{font:900 2.4rem/.9 var(--cond);text-transform:uppercase;margin:1.5rem 0}.outfit ul{padding-left:1.2rem;line-height:1.65}.outfit p{margin-top:auto;text-transform:uppercase;letter-spacing:.14em;font-size:.64rem}.guardrails{display:grid!important;grid-template-columns:1fr 1.2fr;gap:7vw}.no-list{columns:2;column-gap:2rem}.no-item{break-inside:avoid;border-top:1px solid var(--line);padding:1rem 0;font:1.15rem/1.25 var(--serif)}.no-item:before{content:'NO.';font:900 .65rem var(--sans);color:var(--wine);margin-right:.7rem;letter-spacing:.1em}.queue{background:var(--paper2)}.queue-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.queue-col{background:var(--paper2);padding:1.5rem}.queue-col h3{font:900 1.2rem var(--cond);text-transform:uppercase;min-height:2.5rem}.queue-col textarea{width:100%;height:160px;background:transparent;border:0;border-top:1px solid var(--line);padding:1rem 0;resize:vertical;font:1rem/1.6 var(--serif);color:var(--ink);outline:none}footer{background:var(--ink);color:var(--paper);padding:3rem 4vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-transform:uppercase;letter-spacing:.12em;font-size:.62rem}footer a{color:inherit;justify-self:end}.toast{position:fixed;right:1rem;bottom:1rem;background:var(--paper);border:1px solid var(--ink);padding:.8rem 1rem;text-transform:uppercase;letter-spacing:.12em;font-size:.62rem;transform:translateY(150%);transition:transform .25s;z-index:30}.toast.show{transform:none}@media(max-width:850px){.topbar{grid-template-columns:1fr auto}.topbar p{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:5rem}.hero h1{font-size:20vw;margin:4rem 0}.hero-side{margin-left:20%;padding-bottom:5rem}.pulse{grid-template-columns:1fr auto}.progress-track{grid-row:2;grid-column:1/-1}.section-intro{grid-template-columns:1fr}.phase-list{margin-left:0}.phase-list li{grid-template-columns:45px 130px 1fr;gap:1rem}.workspace{grid-template-columns:1fr}.controls{position:static}.filters{grid-template-columns:1fr 1fr}.guardrails{grid-template-columns:1fr!important}.queue-grid{grid-template-columns:1fr 1fr}.queue-col:last-child{grid-column:1/-1}footer{grid-template-columns:1fr;gap:1rem}footer a{justify-self:start}}@media(max-width:560px){.topbar{padding:0 1rem}.reset{font-size:.55rem}.hero{padding-left:1rem;padding-right:1rem}.hero-side{margin-left:0}.pulse{padding:1.4rem 1rem}section:not(.hero,.pulse,.workspace,.outfits){padding:5rem 1rem}.phase-list li{grid-template-columns:36px 1fr}.phase-list li span:last-child{grid-column:2}.workspace,.outfits{padding:5rem 1rem}.chapter-head{grid-template-columns:40px 1fr}.chapter-meta{grid-column:2;text-align:left}.items{padding-left:40px}.outfit-rail{grid-auto-columns:85vw}.no-list{columns:1}.queue-grid{grid-template-columns:1fr}.queue-col:last-child{grid-column:auto}footer{padding:3rem 1rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}