:root{--board:#1e3a2d;--board-deep:#15291f;--on-board:#f3ebd3;--on-board-soft:#f3ebd3b8;--cream:#f6f0dd;--card:#f3ebd3;--card-2:#eee4c6;--ruling:#b9c8d8;--ink:#1f1b17;--soft:#6e655a;--thread:#c1362b;--mono:"Courier Prime", "Courier New", Courier, monospace;--serif:"Literata", "Iowan Old Style", Georgia, serif;--serif-ar:"Amiri", "Noto Naskh Arabic", serif;--mono-ar:"Noto Kufi Arabic", "Courier Prime", monospace;--s-hero:clamp(2.4rem, 5.2vw, 4.4rem);--s-h2:clamp(1.45rem, 1.1rem + 1.4vw, 2.1rem);--s-body:1.0625rem;--s-meta:.78rem;--band:clamp(3.5rem, 8vw, 6.5rem);color-scheme:light}*,:before,:after{box-sizing:border-box}html{background:var(--cream);-webkit-text-size-adjust:100%}body{background:var(--cream);color:var(--ink);font-family:var(--serif);font-size:var(--s-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.65;overflow-x:hidden}::selection{background:var(--thread);color:var(--card)}:focus-visible{outline:2px solid var(--thread);outline-offset:3px}img{max-width:100%;height:auto;display:block}a{color:inherit}p{max-width:38rem;margin:0 0 1rem}.vh{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.skip{z-index:5;background:var(--card);color:var(--ink);padding:.5rem .85rem;position:absolute;inset-block-start:.5rem;inset-inline-start:.5rem;transform:translateY(-200%)}.skip:focus{transform:none}.wrap{width:min(100% - 2*clamp(1.15rem,5vw,4rem),76rem);margin-inline:auto}.k{font-family:var(--mono);font-size:var(--s-meta);letter-spacing:.14em;text-transform:uppercase}.k-lc{font-family:var(--mono);letter-spacing:0;text-transform:none;font-size:.92rem}h1,h2,h3{font-family:var(--mono);margin:0;font-weight:700;line-height:1.05}h1{font-size:var(--s-hero);letter-spacing:-.01em;text-wrap:balance}h2{font-size:var(--s-h2);text-wrap:balance;max-width:26ch;margin-block-end:1rem;line-height:1.15}h3{font-size:1.05rem}.lede{font-size:clamp(1.1rem,1rem + .5vw,1.35rem);line-height:1.55}.soft{color:var(--soft)}[lang=ar]:where(:not(:root)){font-family:var(--serif-ar);letter-spacing:0;font-size:1.15em;line-height:1.9}.k[lang=ar],.k [lang=ar],h1[lang=ar],h2[lang=ar],h3[lang=ar],.card [lang=ar],.btn [lang=ar],.folder__tab[lang=ar]{font-family:var(--mono-ar);text-transform:none;letter-spacing:0;font-size:1em}h1[lang=ar]{line-height:1.3;font-size:calc(var(--s-hero) * .9)}h2[lang=ar]{line-height:1.45}html[dir=rtl] [lang=en]{direction:ltr;unicode-bidi:isolate}.board{background:radial-gradient(120% 90% at 20% 0%, #ffffff0d, transparent 60%), linear-gradient(180deg, var(--board), var(--board-deep));color:var(--on-board);padding-block-end:clamp(3rem,6vw,5rem)}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.9rem 1.5rem;padding-block:1.6rem;display:flex}.top__name{color:var(--on-board);--logo-rule:var(--thread);align-items:center;gap:.7rem;text-decoration:none;display:flex}.top .top__name .logo{block-size:1.6rem}.top__word{letter-spacing:.12em;font-size:1.15rem;font-weight:700}.top__nav{color:var(--on-board-soft);flex-wrap:wrap;align-items:center;gap:.6rem 1.75rem;display:flex}.top__nav a{text-decoration:none}.top__nav a:hover,.top__nav a[aria-current=page]{color:var(--on-board)}.btn{border:1px solid var(--card);background:var(--card);color:var(--ink);font-family:var(--mono);font-size:var(--s-meta);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border-radius:2px;padding:.95rem 1.6rem;font-weight:700;line-height:1;text-decoration:none;transition:background-color .2s,color .2s;display:inline-block}.btn:hover{background:var(--card-2)}.btn--ghost{color:var(--on-board);background:0 0;border-color:#f3ebd373;padding:.7rem 1.1rem}.btn--ghost:hover{color:var(--on-board);background:#f3ebd31a}.btn--ink{background:var(--ink);border-color:var(--ink);color:var(--card)}.btn--ink:hover{background:var(--thread);border-color:var(--thread)}.txt{font-family:var(--mono);text-underline-offset:.3em;font-size:.95rem;text-decoration:underline 1px}.txt:hover{color:var(--thread)}.card{background:var(--card);color:var(--ink);font-family:var(--mono);border-radius:3px;padding:.95rem 1.15rem 1.15rem;text-decoration:none;display:block;position:relative;box-shadow:0 1px #0000001a,0 14px 28px -18px #0000008c}.card__head{border-block-end:2px solid var(--thread);flex-wrap:wrap;align-items:baseline;gap:.2rem .7rem;max-width:none;margin:0 0 .6rem;padding-block-end:.4rem;display:flex}.card__id{color:var(--thread);white-space:nowrap;font-size:.82rem;font-weight:700}.card__title{font-family:var(--mono);font-size:1rem;font-weight:700}.card__body{background:repeating-linear-gradient(to bottom, transparent 0 calc(1.75em - 1px), var(--ruling) calc(1.75em - 1px) 1.75em);max-width:none;margin:0;font-size:.9rem;line-height:1.75}.card__body[lang=ar]{background:repeating-linear-gradient(to bottom, transparent 0 calc(1.95em - 1px), var(--ruling) calc(1.95em - 1px) 1.95em);line-height:1.95}.card__foot{max-width:none;color:var(--soft);flex-wrap:wrap;gap:.3rem 1rem;margin:.7rem 0 0;font-size:.78rem;display:flex}a.card:hover{box-shadow:0 1px #0000001a,0 18px 34px -18px #0009}.folder{background:var(--card);border-radius:0 3px 3px;margin-block-start:1.6rem;padding:1.1rem 1.25rem 1.25rem;position:relative;box-shadow:0 1px #00000014}.folder__tab{background:var(--card);font-family:var(--mono);letter-spacing:.08em;white-space:nowrap;border-radius:3px 3px 0 0;padding:.35rem .9rem;font-size:.82rem;font-weight:700;position:absolute;inset-block-start:-1.5rem;inset-inline-start:0}.sec{padding-block:var(--band);border-block-start:1px solid #1f1b1724}.sec:first-child{border:0}.eyebrow{color:var(--thread);margin:0 0 1rem}.band{padding-block-start:clamp(1.5rem,4vw,3rem)}.band h1{max-width:24ch;font-size:clamp(2rem,1.4rem + 2.6vw,3.6rem)}.band__lede{color:var(--on-board-soft);margin-block:1.6rem 0}.hero__eyebrow{color:var(--on-board-soft);margin-block-end:1.5rem}.foot{color:var(--soft);border-block-start:1px solid #1f1b1724;flex-wrap:wrap;justify-content:space-between;gap:.75rem 1.5rem;padding-block:1.5rem 4rem;display:flex}.foot p{max-width:none;margin:0}.foot__links{flex-wrap:wrap;gap:.5rem 1.25rem;display:flex}.foot a{text-decoration:none}.foot a:hover{color:var(--thread)}.board .dsw-row{color:var(--on-board)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-delay:0s!important}}.hero{align-items:center;gap:3rem;padding-block-start:clamp(2rem,5vw,4.5rem);display:grid}.hero__lede{color:var(--on-board-soft);max-width:34rem;margin-block:1.9rem}.hero__do{flex-wrap:wrap;align-items:center;gap:1rem 2rem;max-width:none;margin:0 0 1.1rem;display:flex}.hero__note{margin:0}.board .hero__note{color:var(--on-board-soft)}.board .txt:hover{color:var(--on-board)}.stack{gap:1rem;display:grid;position:relative}.stack__card{transform:rotate(var(--r));transition:transform .35s cubic-bezier(.2,.7,.2,1),opacity .35s}.stack__card:hover{z-index:2;transform:rotate(0)translateY(-4px)scale(1.03)}.stack:has(.stack__card:hover) .stack__card:not(:hover){opacity:.55}.hero__copy>*{animation:.7s ease-out both settle}.hero__copy>:nth-child(2){animation-delay:.1s}.hero__copy>:nth-child(3){animation-delay:.2s}.hero__copy>:nth-child(n+4){animation-delay:.3s}@keyframes settle{0%{opacity:0;transform:translateY(6px)}}.thread{display:none}@media (width>=900px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(2rem,5vw,5rem)}.stack{aspect-ratio:1/.92;display:block}.stack__card{width:var(--w);animation:deal-in .75s cubic-bezier(.2, .75, .2, 1) calc(.15s + var(--i) * .13s) backwards;position:absolute;inset-block-start:var(--y);inset-inline-start:var(--x)}[dir=rtl] .stack{--dir:-1}@keyframes deal-in{0%{opacity:0;transform:translate(calc(18% * var(--dir,1)), 30%) rotate(0deg)}}.thread>*{animation:.5s ease-out 1.1s backwards thread-in}.thread>:nth-child(2){animation-delay:1.2s}.thread>circle{animation-delay:1.35s}@keyframes thread-in{0%{opacity:0}}.thread{z-index:3;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.thread polyline{fill:none;stroke:var(--thread);stroke-width:1.5px;vector-effect:non-scaling-stroke;opacity:.9}.thread circle{fill:var(--thread);stroke:#00000040;stroke-width:.3px}}.method{gap:1.25rem;max-width:44rem;margin-block-start:2.25rem;display:grid}.card--wide{padding:1.1rem 1.4rem 1.3rem}.card__body--serif{font-family:var(--serif);font-size:1rem}.card__body--serif[lang=ar]{font-family:var(--serif-ar)}.quote{margin:0 0 var(--band);max-width:40rem}.quote p{color:var(--soft);max-width:none;margin:0 0 .9rem;font-size:clamp(1.3rem,1.1rem + 1vw,1.8rem);font-style:italic;line-height:1.4}.quote footer{margin:0}.pulled__lead{max-width:40rem}.pulled{max-width:40rem;transform:rotate(-.6deg)}.stamp{border:2px solid var(--thread);background:var(--card);color:var(--thread);border-radius:2px;padding:.3rem .7rem;font-weight:700;position:absolute;inset-block-start:-.9rem;inset-inline-end:1rem;transform:rotate(3deg)}.pulled__after{margin-block-start:2rem}.drawers{gap:1.75rem 1.5rem;margin-block-start:1.5rem;display:grid}@media (width>=720px){.drawers{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1080px){.drawers{grid-template-columns:repeat(3,minmax(0,1fr))}}.drawer__list{font-family:var(--mono);margin:.4rem 0 .8rem;padding:0;font-size:.92rem;list-style:none}.drawer__list li{border-block-end:1px solid var(--ruling);padding-block:.4rem}.drawer__list a{align-items:baseline;gap:.7rem;text-decoration:none;display:flex}.drawer__list a:hover{color:var(--thread)}.drawer__more{margin:0;font-size:.85rem}.drawer__more a{color:var(--soft);text-decoration:none}.drawer__more a:hover{color:var(--thread)}.ledger{max-width:44rem;margin:1.5rem 0 0;padding:0;list-style:none}.ledger__row{border-block-end:1px dotted #1f1b174d;grid-template-columns:8.5rem minmax(0,1fr);gap:.1rem 1.25rem;padding-block:.75rem;display:grid}.ledger__when{white-space:nowrap;color:var(--thread)}.ledger__co{font-weight:500}.ledger__role{grid-column:2}@media (width<=520px){.ledger__row{grid-template-columns:1fr}.ledger__role{grid-column:1}}.ledger__sub{margin-block:2.5rem .5rem}.tools{max-width:44rem;color:var(--soft);line-height:1.9}.last h2{max-width:30ch}.tabs{flex-wrap:wrap;gap:.5rem;margin-block-start:2rem;display:flex}.tab{background:var(--card);color:var(--ink);border-radius:3px 3px 0 0;gap:.6rem;padding:.55rem .9rem;text-decoration:none;display:inline-flex}.tab:hover{background:var(--card-2)}.tab>span:first-child{color:var(--thread);font-weight:700}.drawer .eyebrow{color:var(--soft)}.cards{gap:1.25rem;display:grid}@media (width>=640px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1080px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.cards .card:nth-child(3n+2){transform:rotate(.5deg)}.cards .card:nth-child(3n){transform:rotate(-.5deg)}.cards .card:hover{transform:none}.soft-board{color:var(--on-board-soft);margin:1rem 0 0}.takes{gap:1.25rem;margin-block-start:1.5rem;display:grid}@media (width>=720px){.takes{grid-template-columns:repeat(2,minmax(0,1fr))}}.form{gap:1.5rem;max-width:40rem;margin-block-start:1.75rem;padding:1.2rem 1.4rem 1.6rem;display:grid}.form .card__head{margin-block-end:0}.f{border:0;min-width:0;margin:0;padding:0}.f__l{color:var(--soft);margin-block-end:.35rem;padding:0;display:block}.f__i{border:0;border-block-end:1px solid var(--ruling);width:100%;color:var(--ink);font-family:var(--mono);background:0 0;border-radius:0;padding:.35rem 0 .45rem;font-size:1rem;line-height:1.5;display:block}html[lang=ar] .f__i{font-family:var(--mono-ar)}.f__i::placeholder{color:#6e655a99}.f__i:focus{border-block-end:2px solid var(--thread);outline:none;padding-block-end:calc(.45rem - 1px)}.f__t{resize:vertical;background:repeating-linear-gradient(to bottom, transparent 0 calc(1.5em - 1px), var(--ruling) calc(1.5em - 1px) 1.5em);min-height:6rem}.opts{font-family:var(--mono);flex-wrap:wrap;gap:.5rem 1.4rem;font-size:.95rem;display:flex}.opt{cursor:pointer;align-items:baseline;gap:.45rem;display:inline-flex}.opt input{accent-color:var(--thread);margin:0;transform:translateY(.1rem)}.form__end{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;display:flex}.form__note{color:var(--thread);margin:0;display:none}.form[data-sent] .form__note{display:block}.form__alt{flex-wrap:wrap;gap:.5rem;margin-block-start:2rem;display:flex}.back{color:var(--on-board-soft);text-decoration:none}.back:hover{color:var(--on-board)}.case__top{align-items:start;gap:2rem;display:grid}@media (width>=900px){.case__top{grid-template-columns:minmax(0,22rem) minmax(0,1fr)}}.facts__list{gap:.7rem;margin:0;display:grid}.facts__row dt{color:var(--soft);margin-block-end:.1rem}.facts__row dd{margin:0;font-size:.95rem}.facts__links{flex-wrap:wrap;gap:.3rem 1rem;display:flex}.facts__links a:hover{color:var(--thread)}.cover{background:var(--card);border-radius:3px;margin:0;padding:.6rem;transform:rotate(.6deg);box-shadow:0 1px #0000001a}.cover--tall{max-width:18rem}.cover img,.shot img{border-radius:2px;width:100%}.chals{gap:2.5rem;max-width:52rem;margin-block-start:1.75rem;display:grid}.chal{gap:1rem;display:grid;position:relative}@media (width>=720px){.chal{grid-template-columns:1fr 1fr;gap:2.5rem}.chal:before{content:"";border-block-start:1.5px solid var(--thread);position:absolute;inset-block-start:1.6rem;inset-inline:45%}.chal__fix{transform:translateY(1.2rem)rotate(.6deg)}}.outs{gap:.7rem;max-width:40rem;margin:0;padding:0;list-style:none;display:grid}.outs li{padding-inline-start:1.4rem;position:relative}.outs li:before{content:"";background:var(--thread);border-radius:50%;width:.55rem;height:.55rem;position:absolute;inset-block-start:.65em;inset-inline-start:0}.shots{flex-wrap:wrap;gap:1.5rem;max-width:40rem;display:flex}.shot{background:var(--card);border-radius:3px;flex:100%;margin:0;padding:.6rem;box-shadow:0 1px #0000001a}.shot--tall{flex:0 14rem}.nextc{max-width:32rem}
