@font-face{font-family:"Feature Display Condensed";src:url("../fonts/FeatureDisplayCondensed-Regular-Web.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Feature Display Condensed";src:url("../fonts/FeatureDisplayCondensed-LightItalic-Web.woff2") format("woff2");font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:"Impact Label Reversed";src:url("../fonts/ImpactLabelReversed.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Impact Label";src:url("../fonts/ImpactLabel.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}







body{margin:0}
.bl{--ink-blue:#2140A6;--paper:url("../paper-light.png");--canvas:#FBFAF7;--surface:#FFFFFF;--text:#20251F;--muted:#5C6258;--divider:#DDDCD2;--line-hover:#A9AB9F;--accent:#F5B4A3;--accent-hover:#F2A08B;--on-accent:#20251F;--focus:#3158C8;--stage:#1E211D;--lesson:#F7F6F2;--ad:#F1EFE8;--cat-all:#FFFFFF;--cat-email:#F6D5DE;--cat-social:#F8DDC4;--cat-ui:#DDE3FA;--cat-web:#D7EADD;--cat-type:#E8DDF5;--cat-logo:#F4EDBB;--cat-pack:#D3EBEB;--display:"Feature Display Condensed","Iowan Old Style",Georgia,serif;--sans:"mozaic-hum-variable","Mozaic HUM","Avenir Next","Helvetica Neue",Arial,sans-serif;color-scheme:light;-webkit-font-smoothing:antialiased;font-kerning:normal}
.bl--dark{--ink-blue:#9DB2F5;--paper:url("../paper-dark.png");--canvas:#151715;--surface:#20231F;--text:#F7F5EF;--muted:#B8C0B3;--divider:#40463C;--line-hover:#737C6B;--accent:#B46A59;--accent-hover:#A05B4B;--on-accent:#F7F5EF;--focus:#A8BCFF;--stage:#0F110E;--lesson:#1A1C19;--ad:#262A24;--cat-all:#20231F;--cat-email:#51333D;--cat-social:#523C2C;--cat-ui:#343C59;--cat-web:#2D4638;--cat-type:#443650;--cat-logo:#49442A;--cat-pack:#2A4546;color-scheme:dark}
.bl a{color:inherit}
.bl :focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.bl h1,.bl h2,.bl h3{font-weight:400;margin:0}
.bl p{margin:0}
.bl--dark .bl-logo{filter:invert(1)}
.bl-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bl-skip{position:absolute;left:-9999px;top:12px;z-index:50;background:var(--text);color:var(--canvas)!important;padding:10px 14px;border-radius:6px;font-weight:600;text-decoration:none}
.bl-skip:focus{left:16px}
.bl-wrap{max-width:1600px;margin-inline:auto;padding-inline:48px;box-sizing:border-box}
.bl-navlink{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:6px;font:400 15px/20px var(--sans);text-decoration:none}
.bl-navlink:hover{background:var(--surface)}
.bl-navlink[aria-current="page"]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.bl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;box-sizing:border-box;border-radius:8px;border:1px solid transparent;font:600 15px/20px var(--sans);text-decoration:none;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,opacity .15s ease}
.bl-btn--accent,.bl-btn--solid{background:#000000;color:#FFFFFF!important}
.bl-btn--accent:hover,.bl-btn--solid:hover{background:#262626}
.bl--dark .bl-btn--accent,.bl--dark .bl-btn--solid{border-color:rgba(255,255,255,.28)}
.bl-btn--line{background:transparent;color:var(--text)!important;border-color:var(--divider)}
.bl-btn--line:hover{border-color:var(--text)}
.bl-btn--quiet{background:transparent;color:var(--text)!important;padding:0 12px;font-weight:400}
.bl-btn--quiet:hover{background:var(--surface)}
.bl-btn--icon{width:44px;padding:0}
.bl-menubtn{display:none}
.bl-input{width:100%;box-sizing:border-box;min-height:56px;padding:0 16px 0 48px;border:1px solid var(--divider);border-radius:8px;background:var(--surface);color:var(--text);font:400 18px/28px var(--sans)}
.bl-input::placeholder{color:var(--muted);opacity:1}
.bl-input:hover{border-color:var(--line-hover)}
.bl-input:focus-visible{outline:2px solid var(--focus);outline-offset:0;border-color:var(--focus)}
.bl-select{min-height:44px;padding:0 12px;border:1px solid var(--divider);border-radius:6px;background:var(--surface);color:var(--text);font:400 15px/20px var(--sans);cursor:pointer}
.bl-intro{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:end}
.bl-h1{font:400 56px/58px var(--display);text-wrap:balance}
.bl-h2{font:400 36px/40px var(--display);text-wrap:balance}
.bl-catrow{display:flex;flex-wrap:wrap;gap:8px}
.bl-cat{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:8px;border:1px solid transparent;font:400 15px/20px var(--sans);color:var(--text);cursor:pointer;flex:none;transition:border-color .15s ease}
.bl-cat:hover{border-color:var(--line-hover)}
.bl-cat[aria-pressed="true"]{border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text);font-weight:600}
.bl-c-all{background:var(--cat-all);border-color:var(--divider)}
.bl-c-email{background:var(--cat-email)}
.bl-c-social{background:var(--cat-social)}
.bl-c-ui{background:var(--cat-ui)}
.bl-c-web{background:var(--cat-web)}
.bl-c-type{background:var(--cat-type)}
.bl-c-logo{background:var(--cat-logo)}
.bl-c-pack{background:var(--cat-pack)}
.bl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:24px;align-items:stretch}
.bl-brand{font:400 13px/18px var(--sans);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bl-lessontext{font:400 16px/24px var(--sans);min-height:120px}
.bl-card{background:var(--surface);border:1px solid var(--divider);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s ease}
.bl-card:hover{border-color:var(--line-hover)}
.bl-stage{position:relative;aspect-ratio:4/3;background:var(--stage);overflow:hidden}
.bl-shot{position:absolute;inset:0;overflow:hidden;opacity:.8;transition:opacity .6s cubic-bezier(.33,0,.2,1)}
.bl-card:hover .bl-shot,.bl-card:focus-within .bl-shot{opacity:1}
.bl-stagebtn{position:absolute;inset:0;width:100%;height:100%;border:0;margin:0;padding:0;background:transparent;cursor:zoom-in}
.bl-stagebtn:focus-visible{outline-offset:-4px}
.bl-mag{position:absolute;top:10px;right:10px;width:32px;height:32px;box-sizing:border-box;border-radius:7px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.94);color:#20251F;border:1px solid rgba(32,37,31,.14);transition:background-color .15s ease,color .15s ease}
.bl-stagebtn:hover .bl-mag,.bl-stagebtn:focus-visible .bl-mag{background:#20251F;color:#FFFFFF}
.bl-save{position:absolute;top:10px;right:48px;z-index:2;width:32px;height:32px;box-sizing:border-box;padding:0;border-radius:7px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.94);color:#20251F;border:1px solid rgba(32,37,31,.14);cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}
.bl-save::after{content:"";position:absolute;inset:-6px}
.bl-save:hover{background:#FFFFFF;border-color:rgba(32,37,31,.45)}
.bl-save[aria-pressed="true"]{background:#20251F;color:#FFFFFF;border-color:#20251F}
.bl-binderlink{gap:8px}
.bl-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;box-sizing:border-box;border-radius:10px;background:var(--text);color:var(--canvas);font:600 12px/16px var(--sans)}
.bl-frames{position:absolute;left:12px;bottom:12px;padding:3px 8px;border-radius:4px;background:rgba(32,37,31,.84);color:#FFFFFF;font:600 13px/18px var(--sans)}
.bl-chip{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 8px;border-radius:4px;border:0;font:600 13px/18px var(--sans);color:var(--text);cursor:pointer}
.bl-chip:hover{box-shadow:inset 0 0 0 1px var(--text)}
.bl-cardtitle{font:400 26px/29px var(--display);text-wrap:balance;min-height:58px}
.bl-cardtitle a{text-decoration:none}
.bl-cardtitle a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.bl-tag{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border-radius:4px;border:1px solid var(--divider);background:transparent;color:var(--text);font:400 13px/18px var(--sans);cursor:pointer}
.bl-tag:hover{border-color:var(--text)}
.bl-read{display:inline-flex;align-items:center;gap:6px;min-height:44px;font:600 15px/20px var(--sans);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;white-space:nowrap}
.bl-read:hover{text-decoration-thickness:2px}
.bl-fgrid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1.1fr) minmax(0,1.1fr) minmax(0,.8fr);gap:32px}
.bl-opt{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 10px;border:1px solid var(--divider);border-radius:6px;font:400 14px/20px var(--sans);cursor:pointer}
.bl-opt:hover{border-color:var(--line-hover)}
.bl-opt:has(input:checked){border-color:var(--text);background:var(--canvas)}
.bl-opt input{accent-color:var(--text);width:16px;height:16px;margin:0}
.bl-invite{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:start}
.bl-foot{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:48px}
.bl-footlink{display:inline-flex;align-items:center;min-height:32px;font:400 15px/20px var(--sans);text-decoration:none}
.bl-footlink:hover{text-decoration:underline;text-underline-offset:4px}
@container (min-width:1680px){.bl-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@container (max-width:1099px){.bl-wrap{padding-inline:24px}.bl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bl-intro{grid-template-columns:minmax(0,1fr);gap:16px}.bl-fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.bl-invite{grid-template-columns:minmax(0,1fr);gap:24px}}
@container (max-width:767px){.bl-wrap{padding-inline:20px}.bl-grid{grid-template-columns:minmax(0,1fr);gap:20px}.bl-nav,.bl-login{display:none!important}.bl-menubtn{display:inline-flex}.bl-headrow{height:64px!important;gap:8px!important}.bl-logo{height:34px!important}.bl-h1{font-size:38px;line-height:40px}.bl-h2{font-size:28px;line-height:32px}.bl-cardtitle{font-size:25px;line-height:28px;min-height:56px}.bl-catrow{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-20px;padding-right:48px;-webkit-mask-image:linear-gradient(90deg,#000 78%,transparent);mask-image:linear-gradient(90deg,#000 78%,transparent)}.bl-fgrid{grid-template-columns:minmax(0,1fr);gap:24px}.bl-foot{grid-template-columns:minmax(0,1fr);gap:32px}.bl-searchbtn{padding:0 16px!important}.bl-join{display:none!important}.bl-binderlink{min-width:44px;justify-content:center;padding:0 8px}.bl-binderlabel{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
@media (prefers-reduced-motion:reduce){.bl *{transition:none!important}}
/* ===== Binder edition (edition="binder"): paper and collage details; the standard edition ignores all of this ===== */
.bl-holes,.bl-rings,.bl-tape,.bl-clip{display:none}
.bl-sheetblock{position:relative}
.bl-ed-binder .bl-rings{display:block;position:absolute;left:-104px;top:0;bottom:0;width:80px;z-index:5;pointer-events:none}
.bl-ed-binder .bl-rings--first{top:-83px}
.bl-ed-binder .bl-sheetblock + .bl-sheetblock{margin-top:48px;padding-top:48px;border-top:1px dashed var(--divider)}
@keyframes bl-pop{0%{opacity:0;transform:translateY(14px) scale(.97)}55%{opacity:1}100%{opacity:1;transform:none}}
.bl-new{animation:bl-pop .52s cubic-bezier(.2,.9,.28,1.12) both}
@media (prefers-reduced-motion:reduce){.bl-new{animation:none}}
.bl-ed-binder{--sheet:#FFFEFA;--hole:#E9E6DD;--hole-edge:rgba(32,37,31,.14);--margin-rule:rgba(214,108,90,.38);--rule:rgba(49,88,200,.11);--tape:rgba(234,224,198,.8);--mark:rgba(245,180,163,.7)}
.bl--dark.bl-ed-binder{--sheet:#20231F;--hole:#0A0B0A;--hole-edge:rgba(255,255,255,.08);--margin-rule:rgba(180,106,89,.5);--rule:rgba(168,188,255,.12);--tape:rgba(205,195,165,.32);--mark:rgba(180,106,89,.6)}
.bl-ed-binder .bl-wrap{padding-left:104px}
.bl-ed-binder .bl-holes{display:block;position:absolute;left:0;top:0;bottom:0;width:80px;z-index:5;pointer-events:none;background-image:linear-gradient(var(--margin-rule),var(--margin-rule));background-size:1px 100%;background-repeat:no-repeat;background-position:72px 0}
.bl-ed-binder .bl-hole{position:absolute;left:24px;width:20px;height:20px;margin-top:-10px;border-radius:50%;background:var(--hole);box-shadow:inset 0 1.5px 2.5px rgba(32,37,31,.22),0 0 0 1px var(--hole-edge),0 1px 0 rgba(255,255,255,.7)}
.bl--dark.bl-ed-binder .bl-hole{box-shadow:inset 0 1.5px 3px rgba(0,0,0,.7),0 0 0 1px var(--hole-edge),0 1px 0 rgba(255,255,255,.06)}
.bl-sheetnum{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;box-sizing:border-box;border-radius:8px;border:1px solid var(--divider);font:600 15px/20px var(--sans);text-decoration:none;color:var(--text)}
.bl-sheetnum:hover{border-color:var(--text)}
.bl-sheetnum[aria-current="page"]{background:#000000;color:#FFFFFF;border-color:#000000}
.bl--dark .bl-sheetnum[aria-current="page"]{border-color:rgba(255,255,255,.28)}
.bl-pager [aria-disabled="true"]{opacity:.4;pointer-events:none}
.bl-ed-binder .bl-mark{font-style:italic;font-weight:300;background:linear-gradient(transparent 14%,var(--cat-logo) 14%,var(--cat-logo) 94%,transparent 94%);padding:0 .12em 0 .08em;margin:0 -.04em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.bl-ed-binder .bl-curator{position:relative;display:inline-block;align-self:flex-start;background:var(--sheet);color:var(--text)!important;padding:8px 14px 8px 28px;border:1px solid rgba(32,37,31,.1);box-shadow:0 1px 2px rgba(0,0,0,.06);transform:rotate(-1.2deg)}
.bl-ed-binder .bl-clip{display:block;position:absolute;left:6px;top:-14px;width:16px;height:34px;color:#8B9087;transform:rotate(8deg)}
.bl-ed-binder .bl-catrow{gap:6px;border-bottom:1px solid var(--divider);align-items:flex-end}
.bl-ed-binder .bl-cat{position:relative;min-height:40px;padding:0 10px;gap:6px;font-size:14px;border-radius:8px 8px 0 0;border:1px solid var(--divider);border-bottom:0;transition:box-shadow .2s ease,min-height .2s ease}
.bl-ed-binder .bl-cat:hover{border-color:var(--divider);box-shadow:0 -1px 4px rgba(32,37,31,.06)}
.bl-ed-binder .bl-cat[aria-pressed="true"]{z-index:1;min-height:46px;margin-bottom:-1px;padding-bottom:1px;border-color:var(--divider);box-shadow:0 -3px 10px rgba(32,37,31,.10),0 -1px 2px rgba(32,37,31,.06)}
.bl--dark.bl-ed-binder .bl-cat[aria-pressed="true"]{box-shadow:0 -3px 12px rgba(0,0,0,.45),0 -1px 2px rgba(0,0,0,.3)}
.bl-ed-binder .bl-bar{border-top-style:dashed!important;border-bottom-style:dashed!important}
.bl-ed-binder .bl-card{position:relative;overflow:visible;border-radius:4px;background:var(--sheet);border-color:rgba(32,37,31,.14)}
.bl--dark.bl-ed-binder .bl-card{border-color:var(--divider)}
.bl-ed-binder .bl-stage{border-radius:3px 3px 0 0}
.bl-ed-binder .bl-stack{box-shadow:5px 5px 0 -1px var(--sheet),5px 5px 0 0 rgba(32,37,31,.16),10px 10px 0 -1px var(--sheet),10px 10px 0 0 rgba(32,37,31,.11)}
.bl--dark.bl-ed-binder .bl-stack{box-shadow:5px 5px 0 -1px var(--sheet),5px 5px 0 0 rgba(255,255,255,.14),10px 10px 0 -1px var(--sheet),10px 10px 0 0 rgba(255,255,255,.09)}
.bl-ed-binder .bl-tape{display:block;position:absolute;top:-11px;z-index:3;width:96px;height:24px;pointer-events:none;background:var(--tape);box-shadow:0 1px 1px rgba(0,0,0,.05);clip-path:polygon(3% 0,97% 0,100% 16%,96% 32%,100% 50%,96% 67%,100% 84%,97% 100%,3% 100%,0 84%,4% 67%,0 50%,4% 32%,0 16%)}
.bl-ed-binder .bl-tape--a{left:14%;transform:rotate(-4deg)}
.bl-ed-binder .bl-tape--b{right:36%;transform:rotate(3deg)}
.bl-ed-binder .bl-tape--c{left:calc(50% - 48px);transform:rotate(-1.5deg)}
.bl-ed-binder .bl-tape--sl{top:18%;left:-34px;width:72px;transform:rotate(-86deg)}
.bl-ed-binder .bl-tape--sr{top:30%;right:-34px;width:72px;transform:rotate(84deg)}
.bl-ed-binder .bl-tape--none{display:none}
.bl-ed-binder{--ink:#B8212B}
.bl--dark.bl-ed-binder{--ink:#EE6D62}
.bl-ed-binder .bl-hand{align-self:flex-start;display:block;width:184px;height:32px;margin-left:-3px;padding:0!important;overflow:hidden;white-space:nowrap;color:transparent!important;background-color:var(--ink);-webkit-mask:url("../hand/hw-the-branding-lesson.png") no-repeat left center/contain;mask:url("../hand/hw-the-branding-lesson.png") no-repeat left center/contain;transform:rotate(-1.2deg);transform-origin:left center}
.bl-ed-binder .bl-lesson{position:relative;border-radius:2px!important;padding-left:30px!important;background-color:var(--sheet)!important;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 23px,var(--rule) 23px,var(--rule) 24px);background-position:0 50px;border:1px solid rgba(32,37,31,.1)}
.bl--dark.bl-ed-binder .bl-lesson{background-color:#1A1C19!important;border-color:var(--divider)}
.bl-ed-binder .bl-lesson::before{content:"";position:absolute;left:18px;top:0;bottom:0;width:1px;background:var(--margin-rule)}
.bl-ed-binder .bl-signoff{position:relative;display:inline-block;background:var(--sheet);padding:14px 20px 10px;border:1px solid rgba(32,37,31,.1);box-shadow:0 1px 2px rgba(0,0,0,.06);transform:rotate(-1deg)}
.bl-ed-binder .bl-signoff .bl-tape{left:calc(50% - 40px);width:80px;transform:rotate(2deg)}
/* ===== Collections page ===== */
.bl-colltabs{display:flex;gap:6px;align-items:flex-end;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--divider);padding-top:6px}
.bl-colltab{position:relative;flex:none;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;box-sizing:border-box;border:1px solid var(--divider);border-bottom:0;border-radius:8px 8px 0 0;background:var(--surface);color:var(--text);font:400 14px/20px var(--sans);cursor:pointer;transition:box-shadow .2s ease,min-height .2s ease}
.bl-colltab:hover{box-shadow:0 -1px 4px rgba(32,37,31,.06)}
.bl-colltab[aria-pressed="true"]{z-index:1;min-height:46px;margin-bottom:-1px;padding-bottom:1px;font-weight:600;box-shadow:0 -3px 10px rgba(32,37,31,.10),0 -1px 2px rgba(32,37,31,.06)}
.bl--dark .bl-colltab[aria-pressed="true"]{box-shadow:0 -3px 12px rgba(0,0,0,.45)}
.bl-ctn{font:600 12px/16px var(--sans);color:var(--muted)}
.bl-collhead{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:center;padding:40px 0 36px}
.bl-collnote{display:flex;flex-direction:column;gap:8px;max-width:640px;padding:20px 24px;background:var(--surface);border:1px solid var(--divider);border-radius:12px}
.bl-ed-binder .bl-collnote{position:relative;border-radius:2px;padding-left:40px;background-color:var(--sheet);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 27px,var(--rule) 27px,var(--rule) 28px);background-position:0 48px;border-color:rgba(32,37,31,.12);box-shadow:0 1px 2px rgba(0,0,0,.05)}
.bl-ed-binder .bl-collnote::before{content:"";position:absolute;left:24px;top:0;bottom:0;width:1px;background:var(--margin-rule)}
.bl-collage{position:relative;aspect-ratio:5/4;width:100%;max-width:520px;justify-self:end}
.bl-print{position:absolute;width:62%;aspect-ratio:4/3;border:8px solid #FFFEFA;background:#EEECE4;box-shadow:0 1px 3px rgba(32,37,31,.16),0 14px 26px -16px rgba(32,37,31,.4)}
.bl-printclip{position:absolute;inset:0;overflow:hidden}
.bl-print--1{left:0;top:8%;transform:rotate(-3deg)}
.bl-print--2{right:0;top:0;transform:rotate(2.5deg);z-index:1}
.bl-print--3{left:19%;bottom:0;transform:rotate(-1deg);z-index:2}
.bl-ed-binder .bl-print::before{content:"";position:absolute;top:-19px;left:calc(50% - 40px);width:80px;height:24px;z-index:3;pointer-events:none;background:var(--tape);clip-path:polygon(3% 0,97% 0,100% 16%,96% 32%,100% 50%,96% 67%,100% 84%,97% 100%,3% 100%,0 84%,4% 67%,0 50%,4% 32%,0 16%);transform:rotate(-3deg)}
.bl-commons{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.bl-morecoll{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.bl-colltile{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--divider);border-radius:12px;background:var(--surface);color:var(--text)!important;text-decoration:none;transition:border-color .15s ease}
.bl-colltile:hover{border-color:var(--line-hover)}
.bl-ed-binder .bl-colltile{border-radius:4px;background:var(--sheet);box-shadow:5px 5px 0 -1px var(--sheet),5px 5px 0 0 rgba(32,37,31,.14)}
.bl-tilethumbs{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-height:72px}
.bl-tilethumb{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;border-radius:3px;background:#EEECE4}
.bl-tilesoon{grid-column:1/-1;display:flex;align-items:center;justify-content:center;border:1px dashed var(--line-hover);border-radius:3px;font:400 13px/18px var(--sans);color:var(--muted);padding:12px;text-align:center}
.bl-tilename{font:400 26px/29px var(--display);text-wrap:balance}
.bl-tilecount{font:600 13px/18px var(--sans);color:var(--muted)}
@container (max-width:1099px){.bl-collhead{grid-template-columns:minmax(0,1fr);gap:32px}.bl-collage{justify-self:start;max-width:440px}.bl-commons{grid-template-columns:minmax(0,1fr);gap:14px}.bl-morecoll{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container (max-width:767px){.bl-morecoll{grid-template-columns:minmax(0,1fr)}.bl-tilename{font-size:25px;line-height:28px}}
@container (max-width:1099px){.bl-ed-binder .bl-holes,.bl-ed-binder .bl-rings{display:none}.bl-ed-binder .bl-wrap{padding-left:24px}}
@container (max-width:767px){.bl-ed-binder .bl-wrap{padding-left:20px}.bl-ed-binder .bl-cat{font-size:15px}}


.bl .t-delightful-emails{--tint:#F9D9E0;--dot:#E8798F}
.bl .t-scroll-stopping-socials{--tint:#F7E6C8;--dot:#E3A53C}
.bl .t-mindreading-ui{--tint:#E3DFF6;--dot:#9A8BE0}
.bl .t-fresh-websites{--tint:#CFE7F0;--dot:#53A9C9}
.bl .t-infallible-psych{--tint:#EFDBEB;--dot:#C77DB8}
.bl .t-unreal-swag{--tint:#F6DACF;--dot:#E07A55}
.bl .t-polished-type{--tint:#DBDFEE;--dot:#7F8BC2}
.bl .t-remarkable-logos{--tint:#D2E8D6;--dot:#5FAE6E}
.bl .t-brilliant-ads{--tint:#F4D0C9;--dot:#D9573F}
.bl .t-out-of-the-box-packaging{--tint:#EFE3D1;--dot:#C69C5B}
.bl .t-memorable-copy{--tint:#DFE3CD;--dot:#8C9A4E}
.bl .t-unforgettable-moves{--tint:#D6DADD;--dot:#6E7A86}
.bl .t-extraordinary-rituals{--tint:#EADED5;--dot:#B58A6A}
.bl--dark .t-delightful-emails{--tint:#644045}
.bl--dark .t-scroll-stopping-socials{--tint:#624F29}
.bl--dark .t-mindreading-ui{--tint:#494661}
.bl--dark .t-fresh-websites{--tint:#315159}
.bl--dark .t-infallible-psych{--tint:#594253}
.bl--dark .t-unreal-swag{--tint:#614131}
.bl--dark .t-polished-type{--tint:#404656}
.bl--dark .t-remarkable-logos{--tint:#35523A}
.bl--dark .t-brilliant-ads{--tint:#5F352A}
.bl--dark .t-out-of-the-box-packaging{--tint:#584C33}
.bl--dark .t-memorable-copy{--tint:#454B2F}
.bl--dark .t-unforgettable-moves{--tint:#3B4142}
.bl--dark .t-extraordinary-rituals{--tint:#534638}
.v2-tint{background-color:var(--tint)}
.v2-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--dot);flex:none}
.bl-chip.v2-tint{text-decoration:none}
/* section navigation */
.v2-secnav{position:relative;display:flex;align-items:flex-end;gap:8px;border-bottom:1px solid var(--divider)}
.v2-tabs{display:flex;gap:6px;align-items:flex-end;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0;padding:8px 40px 0 2px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 64px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 64px),transparent)}
.v2-tabs::-webkit-scrollbar{display:none}
.v2-tab{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;box-sizing:border-box;border:1px solid var(--divider);border-bottom:0;border-radius:8px 8px 0 0;background-color:var(--tint,var(--surface));font:400 15px/20px var(--sans);color:var(--text);text-decoration:none;white-space:nowrap;flex:none;transition:min-height .15s ease,box-shadow .15s ease}
.v2-tab:hover{min-height:44px}
.v2-tab[aria-current="page"]{z-index:1;min-height:48px;margin-bottom:-1px;padding-bottom:1px;font-weight:600;box-shadow:0 -3px 10px rgba(32,37,31,.10),0 -1px 2px rgba(32,37,31,.06)}
.bl--dark .v2-tab[aria-current="page"]{box-shadow:0 -3px 12px rgba(0,0,0,.45),0 -1px 2px rgba(0,0,0,.3)}
.v2-tab--all{background-color:var(--surface)}
.v2-navbtns{display:flex;align-items:center;gap:6px;flex:none;padding-bottom:6px}
.v2-round{width:36px;height:36px;min-height:36px;padding:0;border-radius:50%;border:1px solid var(--divider);background:var(--surface);color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.v2-round:hover{border-color:var(--text)}
.v2-allbtn{min-height:36px;padding:0 12px;font-size:14px}
.v2-panel{background:var(--surface);border:1px solid var(--divider);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:20px}
.v2-secgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.v2-secitem{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:8px;text-decoration:none;color:var(--text);border:1px solid transparent}
.v2-secitem:hover{border-color:var(--text)}
.v2-secitem[aria-current="page"]{border-color:var(--text)}
.v2-secname{display:block;font:600 15px/20px var(--sans)}
.v2-secdesc{display:block;font:400 13px/18px var(--sans);margin-top:2px}
/* cards */
.v2-card{grid-row:span 1}
.v2-card .bl-save{right:22px;top:22px}
.v2-media{position:relative;padding:12px 12px 0}
.bl-img{--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 0 1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:relative;display:block;aspect-ratio:1/1;overflow:hidden;isolation:isolate;background:#efe9df;border-radius:2px}
.bl-img img{width:100%;height:100%;object-fit:cover;object-position:var(--focus,50% 50%);display:block;filter:saturate(1.2) contrast(1.05) brightness(1.03) sepia(.05)}
.bl-img::before,.bl-img::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background-image:var(--grain);background-size:240px}
.bl-img::before{mix-blend-mode:overlay;opacity:.32}
.bl-img::after{mix-blend-mode:multiply;opacity:.06}
.v2-credit{padding:8px 12px 0;font:400 12px/16px var(--sans);color:var(--muted)}
.v2-credit a{color:var(--muted);text-decoration:underline;text-underline-offset:2px}
.v2-credit a:hover{color:var(--text)}
.v2-teaser{font:400 16px/24px var(--sans);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:72px}
.v2-lock{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 8px;box-sizing:border-box;border-radius:4px;background:var(--text);color:var(--canvas);font:600 13px/18px var(--sans)}
.v2-cardtitle{font:400 26px/29px var(--display);text-wrap:balance;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:58px}
.v2-cardtitle a{text-decoration:none}
.v2-cardtitle a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.v2-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;align-items:stretch}
/* house promo */
.v2-promo{background:var(--ad)!important}
.v2-badge{align-self:flex-start;display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:4px;background:var(--text);color:var(--canvas);font:600 12px/16px var(--sans);letter-spacing:.04em;text-transform:uppercase}
.v2-promostage{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border-radius:2px;background:var(--cat-logo)}
.v2-book{width:48%;aspect-ratio:3/4;box-sizing:border-box;padding:18px 16px;background:#20251F;color:#FBFAF7;border-radius:2px 6px 6px 2px;box-shadow:inset 6px 0 0 rgba(255,255,255,.08),0 18px 30px -16px rgba(32,37,31,.6);display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-3deg)}
.v2-booktitle{font:400 26px/26px var(--display)}
.v2-bookyear{font:italic 300 40px/36px var(--display);color:#F5B4A3}
.v2-memo{width:62%;box-sizing:border-box;padding:18px;background:var(--sheet);border:1px solid rgba(32,37,31,.12);transform:rotate(2deg);box-shadow:0 14px 26px -16px rgba(32,37,31,.4);display:flex;flex-direction:column;gap:8px;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 21px,var(--rule) 21px,var(--rule) 22px)}
.v2-optin{display:flex;gap:8px;margin-top:auto}
.v2-optin input{flex:1;min-width:0;min-height:44px;box-sizing:border-box;padding:0 12px;border:1px solid var(--divider);border-radius:8px;background:var(--surface);color:var(--text);font:400 15px/20px var(--sans)}
.v2-optin input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.v2-promogrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}
.v2-bonustile{aspect-ratio:1/1;border-radius:2px;background:repeating-linear-gradient(135deg,var(--lesson) 0 14px,var(--ad) 14px 28px);display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;text-align:center;font:400 15px/22px var(--sans);color:var(--muted);border:1px dashed var(--divider)}
.v2-collhead{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:center}
.v2-collage{position:relative;height:420px}
.v2-print{position:absolute;width:56%;padding:8px;background:#FFFEFA;box-shadow:0 1px 3px rgba(32,37,31,.16),0 14px 26px -16px rgba(32,37,31,.4)}
.v2-print .bl-img{border-radius:0}
.v2-print--1{left:0;top:30px;transform:rotate(-3deg)}
.v2-print--2{right:0;top:0;transform:rotate(2.5deg)}
.v2-print--3{left:22%;top:150px;transform:rotate(-1deg);z-index:2}
.v2-print .bl-tape{display:block}
.v2-penline{font:italic 300 32px/36px var(--display);color:var(--muted)} /* typeset, not handwritten (Laura, Oct 29) */
.v2-band{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border:1px dashed var(--divider);border-radius:4px;background:var(--sheet)}
.v2-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.v2-tile{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:4px;border:1px solid var(--divider);background:var(--sheet);text-decoration:none;color:var(--text);min-height:150px}
.v2-tile:hover{border-color:var(--text)}
.v2-tilename{font:400 22px/24px var(--display)}
/* gates */
.v2-locked{position:relative;border-radius:8px;overflow:hidden}
.v2-standin{filter:blur(5px);user-select:none;pointer-events:none;opacity:.9}
.v2-locked--big .v2-standin{min-height:260px}
.v2-gate{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(to bottom,color-mix(in srgb,var(--sheet) 15%,transparent),color-mix(in srgb,var(--sheet) 70%,transparent))}
.v2-gatecard{width:100%;max-width:440px;box-sizing:border-box;background:var(--surface);border:1px solid var(--divider);border-radius:12px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;box-shadow:0 22px 40px -24px rgba(32,37,31,.45)}
.v2-gatetitle{font:400 28px/32px var(--display);text-wrap:balance}
.v2-gatebody{font:400 15px/22px var(--sans);color:var(--muted)}
.v2-gatebtns{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.v2-pen{font:400 30px/26px "Reenie Beanie",cursive;color:var(--ink-blue);transform:rotate(-1.5deg);transform-origin:left center}
.v2-hw{display:inline-block;height:var(--hwh,28px);width:auto;max-width:100%;font-size:1px;line-height:1;color:transparent!important;overflow:hidden;white-space:nowrap;background-color:var(--ink-blue);-webkit-mask:var(--hw) no-repeat left center/contain;mask:var(--hw) no-repeat left center/contain}
.v2-dymo{display:inline-block;padding:4px 9px 4px 10px;font:400 14px/1.3 "Impact Label Reversed","Mozaic HUM",sans-serif;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;color:#EFEFEA;background-color:#4A4C4E;background-image:linear-gradient(to bottom,rgba(255,255,255,.10) 0,rgba(255,255,255,.02) 40%,rgba(0,0,0,.18) 60%,rgba(255,255,255,.04) 100%);border-radius:2px;text-shadow:0 .5px 0 rgba(0,0,0,.6);box-shadow:0 1px 1.5px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.08);transform:rotate(-.8deg);clip-path:polygon(0 6%,2% 0,98% 0,100% 8%,100% 92%,98% 100%,2% 100%,0 94%)}
.v2-gatesmall{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:12px}
.v2-pill{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;box-sizing:border-box;border-radius:8px;background:var(--surface);border:1px solid var(--divider);color:var(--text);font:600 14px/20px var(--sans);text-decoration:none;box-shadow:0 8px 20px -12px rgba(32,37,31,.45)}
.v2-pill:hover{border-color:var(--text)}
.v2-tiny{width:100%;height:100%;object-fit:cover;display:block;filter:blur(14px) saturate(1.2);transform:scale(1.2)}
/* lesson page */
.v2-sheetpage{position:relative;background:var(--sheet);border:1px solid var(--divider);border-radius:4px;padding:40px 48px 48px}
.v2-crumb{display:flex;flex-wrap:wrap;gap:6px;font:400 13px/18px var(--sans);color:var(--muted)}
.v2-crumb a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.v2-lessongrid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px 56px;align-items:start}
.v2-sticky{display:flex;flex-direction:column;gap:28px}
.v2-sec{display:flex;flex-direction:column;gap:14px}
.v2-h2{font:400 32px/36px var(--display);text-wrap:balance}
.v2-read{font:400 18px/28px var(--sans);max-width:680px}
.v2-eyebrow{font:600 13px/18px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.v2-principle{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border-radius:8px;background:var(--lesson);border:1px solid var(--divider)}
.v2-principlename{font:400 26px/30px var(--display)}
.v2-steal{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px;counter-reset:steal}
.v2-steal li{counter-increment:steal;display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:start;font:400 17px/26px var(--sans)}
.v2-steal li::before{content:counter(steal);font:400 32px/28px var(--display);color:var(--ink)}
.v2-note{position:relative;background:var(--cat-logo);padding:20px 22px;transform:rotate(-.7deg);box-shadow:0 1px 2px rgba(0,0,0,.06)}
.v2-credits{display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px 16px;margin:0;font:400 15px/20px var(--sans)}
.v2-credits dt{font:600 13px/20px var(--sans)}
.v2-credits dd{margin:0}
.v2-thead{display:flex;flex-direction:column;gap:14px}
.v2-termhead{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:end}
.v2-termcard{border-radius:12px 12px 0 0;padding:28px 32px 24px;border:1px solid var(--divider);border-bottom:0;display:flex;flex-direction:column;gap:10px}
.v2-emoji{font-size:40px;line-height:44px}
/* tints board */
.v2-tintrow{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--divider)}
.v2-sw{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border-radius:8px;font:400 14px/20px var(--sans)}
.v2-code{font:400 13px/18px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted)}
/* filters sheet */
.v2-sheetwrap{position:absolute;left:0;right:0;top:0;height:844px;z-index:60;background:rgba(21,23,21,.48);display:flex;align-items:flex-end}
.v2-bottomsheet{width:100%;max-height:88%;box-sizing:border-box;background:var(--surface);border-radius:16px 16px 0 0;display:flex;flex-direction:column;overflow:hidden}
.v2-sheethead{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--divider)}
.v2-sheetbody{overflow:auto;padding:20px;display:flex;flex-direction:column;gap:24px}
.v2-sheetfoot{display:flex;gap:8px;padding:12px 20px 20px;border-top:1px solid var(--divider)}
@container (max-width:1099px){.v2-collhead{grid-template-columns:minmax(0,1fr)}.v2-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.v2-promogrid{grid-template-columns:repeat(2,minmax(0,1fr))}.v2-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v2-secgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.v2-termhead{grid-template-columns:minmax(0,1fr);gap:16px}}
@container (max-width:1023px){.v2-lessongrid{grid-template-columns:minmax(0,1fr)}}
@container (max-width:767px){
.v2-grid{grid-template-columns:minmax(0,1fr);gap:24px}
.v2-promogrid{grid-template-columns:minmax(0,1fr)}
.v2-collage{height:300px}
.v2-tiles{grid-template-columns:minmax(0,1fr)}
.v2-secgrid{grid-template-columns:minmax(0,1fr)}
.v2-arrowbtn{display:none!important}
.v2-tabs{padding-right:24px}
.v2-tab{min-height:38px;padding:0 10px;font-size:14px}
.v2-tab[aria-current="page"]{min-height:44px}
.v2-allbtn .v2-alllabel{display:none}
.v2-allbtn{width:36px;padding:0}
.v2-sheetpage{padding:24px 20px 32px}
.v2-h2{font-size:28px;line-height:32px}
.v2-cardtitle{font-size:25px;line-height:28px;min-height:56px}
.v2-termcard{padding:20px}
.v2-tintrow{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
.v2-desktoponly{display:none!important}
}