.guides-hero{padding-block:clamp(40px,6vw,96px) clamp(56px,7vw,104px)}.guides-hero-grid{gap:3rem 24px}.guides-title{font-family:var(--display);font-variation-settings:"opsz" 144;letter-spacing:-.028em;color:var(--ink);text-wrap:balance;max-width:14ch;margin-top:1.25rem;font-size:clamp(2.6rem,6vw,5.75rem);font-weight:300;line-height:.96}.guides-title em{color:var(--day-accent);font-style:italic}.guides-form{border:1px solid var(--rule);max-width:560px;scroll-margin-top:calc(var(--header-h) + 24px);background:#f8f5ee;border-radius:16px;margin-top:2rem;padding:clamp(1.1rem,2.2vw,1.5rem);box-shadow:inset 0 1px #fff9,0 30px 70px -45px #17140f80}.guides-form-title{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin-bottom:.85rem;font-size:.75rem;font-weight:400}.guides-form-note{color:var(--ink-3);margin-top:.75rem;font-size:.8125rem}.guides-form form>div{flex-wrap:wrap;gap:.5rem}.guides-form input{border:1px solid var(--rule);background:var(--day);min-width:200px;height:50px;color:var(--ink);box-shadow:none;border-radius:999px;padding-inline:1.1rem;font-size:1rem}.guides-form input::placeholder{color:var(--ink-3)}.guides-form input:focus-visible{outline:2px solid var(--day-accent);outline-offset:2px;border-color:var(--ink-2);box-shadow:none}.guides-form button[type=submit]{background:var(--ink);height:50px;color:var(--day);border-radius:999px;flex:1 0 auto;padding-inline:1.35rem;font-size:.975rem;font-weight:500}.guides-form button[type=submit]:hover{background:#000}@media (min-width:600px){.guides-form button[type=submit]{flex:none}}.guides-form .text-red-500{color:var(--day-alarm);text-align:left}.guides-form .text-green-500{color:var(--day-ok)}.guides-form .text-center{text-align:left}.guides-form .text-center svg{margin-inline:0}.guides-form a[href]{background:var(--ink);color:var(--day);border-radius:999px;min-height:48px;padding-inline:1.35rem}.guides-form a[href]:hover{background:#000}.guides-form .text-muted-foreground{color:var(--ink-2)}.guides-facts{flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:1.5rem;display:flex}.guides-facts li{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:.55rem;font-size:.72rem;display:inline-flex}.guides-facts li:before{content:"";background:var(--day-ok);border-radius:50%;flex:none;width:6px;height:6px}.guides-plate{border-radius:var(--radius-frame);background:var(--night);isolation:isolate;margin:0;padding:clamp(28px,5vw,64px) clamp(24px,4vw,56px) 0;position:relative;overflow:hidden}.guides-plate:before{content:"";z-index:-1;background:radial-gradient(60% 55% at 55% 45%,#ffb54733,#0000 70%),radial-gradient(40% 40% at 20% 90%,#6ee7c814,#0000 70%);position:absolute;inset:0}.guides-sheet{transform-origin:50% 100%;max-width:380px;margin-inline:auto;position:relative;transform:rotate(-1.6deg)}.guides-sheet:before{content:"";z-index:-1;background:#e9e4d8;border-radius:4px;position:absolute;inset:10px -10px -10px 10px;transform:rotate(3.2deg);box-shadow:0 30px 60px -20px #000000b3}.guides-sheet img{object-fit:cover;object-position:top;border-radius:4px;width:100%;height:auto;max-height:520px;display:block;box-shadow:inset 0 2px #fff6,0 50px 90px -30px #000000d9,0 0 120px -20px #ffb54759}.guides-plate-cap{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);background:var(--night-2);border-top:1px solid #ece8df1a;flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;margin:clamp(20px,3vw,32px) calc(-1*clamp(24px,4vw,56px)) 0;padding:.9rem clamp(16px,2vw,24px);font-size:.6875rem;display:flex;position:relative}@media (max-width:899px){.guides-sheet{max-width:260px}.guides-sheet img{max-height:340px}}.guides-plate-body{color:var(--paper)}.guides-plate-body ol{border-top:1px solid #ece8df24;display:grid}.guides-plate-body li{border-bottom:1px solid #ece8df1a;grid-template-columns:3.25rem minmax(0,1fr);align-items:baseline;padding-block:.7rem;display:grid}.guides-plate-body li b{font-family:var(--display);font-variation-settings:"opsz" 144;color:var(--sodium);font-size:1.6rem;font-weight:300;line-height:1}.guides-plate-body li span{color:var(--paper);font-size:.95rem}.guides-plate-body p{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-bottom:1rem;font-size:.6875rem}.guides-chapters{border-top:1px solid var(--rule);display:grid}.guides-chapters li{border-bottom:1px solid var(--line);grid-template-columns:3.25rem minmax(0,1fr);gap:0 1rem;padding-block:1.25rem;display:grid}.guides-chapter-num{font-family:var(--mono);color:var(--day-accent);padding-top:.35rem;font-size:.75rem}.guides-chapters h3{font-family:var(--display);font-variation-settings:"opsz" 72;letter-spacing:-.015em;color:var(--ink);text-wrap:balance;font-size:clamp(1.2rem,1.7vw,1.45rem);font-weight:400;line-height:1.2}.guides-chapters p{color:var(--ink-2);max-width:56ch;margin-top:.35rem;font-size:.975rem}@media (min-width:900px){.guides-chapters{grid-template-columns:1fr 1fr;column-gap:48px}}.guides-stats{border-top:1px solid var(--rule);gap:0;display:grid}.guides-stats>div{border-bottom:1px solid var(--line);gap:.75rem;padding-block:1.75rem;display:grid}.guides-stat-value{font-family:var(--display);font-variation-settings:"opsz" 144;letter-spacing:-.03em;color:var(--ink);font-size:clamp(3rem,6vw,5rem);font-weight:300;line-height:.9}.guides-stats>div:only-child{grid-column:1/-1}@media (min-width:900px){.guides-stats>div:only-child{grid-template-columns:auto minmax(0,1fr);align-items:end;column-gap:40px}}.guides-stats dd p:first-child{color:var(--ink-2);max-width:34ch}@media (min-width:900px){.guides-stats{border-top:0;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px}.guides-stats>div{border-top:1px solid var(--rule);border-bottom:0;align-content:start}}.guides-who{border-top:1px solid var(--rule);margin-top:1.75rem;display:grid}.guides-who li{border-bottom:1px solid var(--line);color:var(--ink);grid-template-columns:1.5rem 1fr;padding-block:.85rem;display:grid}.guides-who li:before{content:"";background:var(--day-accent);width:8px;height:1px;margin-top:.85rem}.guides-final{background:var(--day-2);border-radius:16px;align-self:end;padding:clamp(1.5rem,3vw,2.25rem)}.guides-mast{padding-block:clamp(40px,6vw,96px) clamp(32px,4vw,56px)}.guides-shelf{border-top:1px solid var(--rule);display:grid}.guides-book{border-bottom:1px solid var(--line);transition:background-color var(--t-ui) var(--ease-out);align-items:center;gap:1.25rem 32px;padding-block:clamp(1.5rem,3vw,2.5rem);display:grid;position:relative}.guides-book:hover{background:#17140f06}.guides-book:has(a:focus-visible){outline:2px solid var(--day-accent);outline-offset:2px;border-radius:6px}.guides-book-cover{aspect-ratio:760/1074;background:var(--day-2);width:120px;transition:transform var(--t-ui) var(--ease-out);border-radius:3px;overflow:hidden;transform:rotate(-1.2deg);box-shadow:inset 0 1px #fff9,0 24px 40px -22px #17140f99}.guides-book:hover .guides-book-cover{transform:rotate(0)translateY(-3px)}.guides-book-cover img{object-fit:cover;object-position:top;width:100%;height:100%}.guides-book h3{font-family:var(--display);font-variation-settings:"opsz" 96;letter-spacing:-.022em;color:var(--ink);text-wrap:balance;font-size:clamp(1.6rem,2.8vw,2.4rem);font-weight:400;line-height:1.05}.guides-book h3 a{color:inherit}.guides-book h3 a:after{content:"";position:absolute;inset:0}.guides-book h3 a:focus-visible{outline:none}.guides-book:hover h2{color:var(--day-accent)}.guides-book p{color:var(--ink-2);max-width:60ch;margin-top:.6rem}.guides-book-meta{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);flex-wrap:wrap;gap:.35rem 1rem;margin-top:.9rem;font-size:.6875rem;display:flex}.guides-book-go{color:var(--ink);white-space:nowrap;align-items:center;gap:.4rem;font-weight:500;display:inline-flex}@media (min-width:900px){.guides-book{grid-template-columns:140px minmax(0,1fr) auto}.guides-book-cover{width:140px}}@media (max-width:899px){.guides-book{grid-template-columns:88px minmax(0,1fr);align-items:start}.guides-book-cover{width:88px}.guides-book-go{grid-column:2}}.guides-share{align-content:start;gap:1rem;display:grid}
