.skip-link{position:absolute;left:12px;top:-80px;z-index:100;background:#fff;padding:12px}.skip-link:focus{top:12px}
.site-brand small{font:500 22px Caveat,cursive}.site-footer nav{display:flex;gap:18px;flex-wrap:wrap}
.about-layout{display:grid;grid-template-columns:minmax(150px,.65fr) minmax(0,1.35fr);gap:8vw;align-items:start}.about-portrait{width:100%;max-width:320px;max-height:650px;object-fit:contain;transform:rotate(3deg);filter:drop-shadow(3px 3px 0 #fff) drop-shadow(0 3px 3px #0002)}
.prose{overflow-wrap:anywhere}.prose img{max-width:100%;height:auto}.prose table{display:block;max-width:100%;overflow:auto}.prose a{text-decoration:underline}.prose .btn{text-decoration:none}
.record-note{font-size:14px!important;line-height:1.5;color:#60635b;margin:20px 0}.hand-link{font:600 24px Caveat,cursive}.paper-card h2{overflow-wrap:anywhere}.directory-row h2{font-size:clamp(20px,2.5vw,30px);margin:0 0 8px}.directory-row p{margin:0;color:#64675e}.directory-row[hidden]{display:none}.directory-row{gap:25px}
.search-label{display:block;font:600 25px Caveat,cursive;margin-bottom:8px}.directory-search{width:100%;max-width:600px;min-height:48px;background:#fff9;border:2px solid #20241e;padding:12px 16px;font:inherit}.result-count{font:500 22px Caveat,cursive}.empty-results[hidden]{display:none}dt{font-weight:700;margin-top:20px}dd{margin:6px 0 20px}
.email-panel{max-width:650px;padding:30px 24px;border:3px solid #b72925;border-radius:48% 43% 46% 42%/35% 48% 40% 46%;margin:40px 0 80px}.email-panel form{position:relative}.signup-fields{display:flex;gap:15px;align-items:center}.signup-fields input{min-width:0;flex:1;height:54px;border:0;background:none;font:500 30px Caveat,cursive;outline:none}.signup-fields button{width:52px;height:48px;border:0;background:none;cursor:pointer}.submit-sketch{width:48px;height:44px}.submit-sketch path{fill:none;stroke:#20241e;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.signup-fields button:hover path:first-child{fill:#20241e}.signup-fields button:hover path:last-child{stroke:#fff}.email-panel:focus-within{border-color:#731010;box-shadow:0 0 0 1px #731010}.formkit-alert-error{list-style:none;padding:0;color:#a71919}.formkit-alert-error:empty{display:none}.formkit-alert-success{font:600 30px Caveat,cursive}.email-panel .sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
@media(max-width:600px){.about-layout{grid-template-columns:1fr}.about-portrait{max-height:330px;margin:auto}.site-nav{gap:8px 14px}.email-panel{padding:22px 15px}.page-hero h1{overflow-wrap:anywhere}.content-grid{gap:20px}}

.about-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:34px}.about-facts .paper-card{padding:24px}.about-facts h2{font:600 32px/1 var(--hand,'Caveat',cursive);margin:0 0 20px}.about-facts ul{list-style:none;padding:0;margin:0}.about-facts li{padding:12px 0;border-bottom:1px solid #20241e1c;line-height:1.5}.about-facts li:last-child{border-bottom:0}.about-facts a{text-decoration:underline;text-underline-offset:3px}.about-details{grid-column:1/-1}.about-details dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0}.about-details dt{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#63665c;margin:0 0 6px}.about-details dd{margin:0;line-height:1.5}@media(max-width:650px){.about-facts{grid-template-columns:1fr}.about-details dl{grid-template-columns:1fr}}

.project-businesses{display:grid;gap:24px}.business-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:clamp(28px,5vw,60px);text-decoration:none;border:1px solid #20241e;box-shadow:2px 4px 0 #20241e15}.business-card h2{margin:0;font:900 clamp(36px,6vw,76px)/1 var(--sans);letter-spacing:-.045em}.business-card span{white-space:nowrap;font-size:16px}.business-cut30{background:#dbedb3}.business-cut30 h2{font-family:Impact,'Arial Narrow',sans-serif}.business-sticks{background:#ffef90}.business-video{background:#d5e3ed}.business-card:hover{box-shadow:3px 6px 0 #20241e;translate:0 -2px}.platform-links{display:grid}.platform-links a{display:flex;justify-content:space-between;align-items:center;padding:25px 8px;border-bottom:2px solid #20241e;font:700 clamp(32px,6vw,70px)/1.1 var(--sans);text-decoration:none;letter-spacing:-.04em}.platform-links a span{font-family:var(--hand)}.platform-links a:hover{color:#b92327}@media(max-width:600px){.business-card{align-items:flex-start;flex-direction:column}.site-header .site-nav{gap:clamp(4px,1vw,10px)}}
.archive-row-content{display:flex;align-items:center;gap:22px;min-width:0}.archive-thumbnail{width:90px;height:120px;object-fit:cover;border-radius:3px;flex-shrink:0;box-shadow:1px 3px 5px #0002}.video-transcript{border-top:1px solid #999;padding-top:20px}.video-transcript summary{font:600 28px var(--hand);cursor:pointer}@media(max-width:600px){.archive-thumbnail{width:65px;height:90px}.archive-row-content{gap:14px}}

/* Rounded player preview, derived from Video Database's video cards. */
.video-preview{position:relative;display:block;flex:0 0 156px;width:156px;aspect-ratio:2/3;overflow:hidden;border-radius:19px;background:radial-gradient(ellipse at 25% 12%,#57718a,#203243 62%,#142333);border:1px solid #ffffff8c;box-shadow:0 2px 3px #101a2420,0 9px 22px -9px #101a2470,inset 0 0 0 1px #fff2;isolation:isolate}
.video-preview .archive-thumbnail{width:100%;height:100%;display:block;object-fit:cover;border-radius:0;box-shadow:none}
.preview-shade{position:absolute;inset:0;background:linear-gradient(#0b172c66,transparent 35%,transparent 57%,#0c1925ba)}
.preview-handle{position:absolute;top:10px;left:9px;padding:5px 8px;border:1px solid #ffffff28;border-radius:30px;background:#152334a8;backdrop-filter:blur(7px);color:#fff;font:500 10px/1 Arial,sans-serif;letter-spacing:.01em}
.preview-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffff70;border-radius:50%;background:#18273665;backdrop-filter:blur(6px);box-shadow:0 2px 7px #0002}
.preview-play svg{width:22px;height:22px;fill:#fff;translate:-1px 0}
.preview-controls{position:absolute;bottom:12px;left:12px;right:12px;display:flex;align-items:center;gap:10px}.preview-progress{height:3px;flex:1;border-radius:4px;background:#ffffff5c}.preview-progress::before{content:'';display:block;width:18%;height:100%;border-radius:4px;background:white}.preview-controls svg{width:13px;height:13px;fill:none;stroke:#fff;stroke-width:1.8}
.preview-placeholder{position:absolute;left:12px;right:12px;top:32%;font:900 20px/1 var(--sans);letter-spacing:-.06em;color:#c6d5e0;transform:rotate(-3deg)}
.directory-row:hover .preview-play{background:#ffffff36;border-color:white}.directory-row:has(.video-preview){grid-template-columns:minmax(0,1fr) auto}.directory-row:has(.video-preview)>span{grid-column:2;grid-row:1}.archive-row-content:has(.video-preview){gap:26px}
@media(max-width:600px){.video-preview{width:110px;flex-basis:110px;border-radius:15px}.archive-row-content:has(.video-preview){gap:16px}.preview-handle{font-size:8px;left:7px;top:8px;padding:4px 6px}.preview-play{width:34px;height:34px}.directory-row:has(.video-preview) h2{font-size:20px;line-height:1.15}.directory-row:has(.video-preview){gap:8px}.preview-placeholder{font-size:15px;left:9px}.preview-controls{left:9px;right:9px}}
@media(max-width:359px){.video-preview{width:90px;flex-basis:90px}.archive-row-content:has(.video-preview){gap:12px}.directory-row:has(.video-preview) h2{font-size:18px}}
.related-video-card{display:flex;align-items:center;gap:22px}.related-video-card .video-preview{flex-shrink:0}.related-video-copy{min-width:0}.related-video-card h2{font-size:clamp(20px,2vw,29px);line-height:1.15}.related-video-card .video-preview img{aspect-ratio:auto;margin:0;height:100%;width:100%}.related-video-card:hover .preview-play{background:#ffffff36;border-color:white}@media(max-width:600px){.related-video-card{padding:16px;gap:16px}}

.factory-profile{max-width:1120px;margin:auto}.factory-profile .page-hero{padding:48px 0 30px}.factory-profile .page-hero h1{font-size:clamp(40px,5.5vw,76px);line-height:1.02;letter-spacing:-.045em;max-width:980px;text-wrap:balance}.factory-profile .page-hero .lede:empty{display:none}.factory-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.8fr);gap:40px;align-items:start}.factory-info{padding:30px}.factory-info h2,.factory-order-note h2{font:600 30px/1 var(--hand);margin:0 0 18px}.factory-info .supplier-button{margin:26px 0 18px;box-shadow:0 2px 3px #0002;min-height:48px;gap:24px}.factory-info .record-note{margin:4px 0 0;max-width:420px}.factory-order-note{padding:26px 0}.factory-order-note ul{padding-left:19px;margin:0 0 24px;font-size:16px;line-height:1.6}.factory-order-note li+li{margin-top:10px}.factory-order-note>a{font:600 23px var(--hand)}@media(max-width:760px){.factory-layout{grid-template-columns:1fr;gap:18px}.factory-info{padding:24px}.factory-order-note{padding:14px 4px}.factory-profile .page-hero{padding:36px 0 24px}}

/* Related videos sit directly on the board, without nested card containers. */
.related-video-card{display:grid;grid-template-columns:124px minmax(0,1fr);align-items:center;gap:24px;padding:0;border:0;background:none;box-shadow:none;text-decoration:none;color:var(--ink);max-width:650px;grid-column:1 / -1}
.related-video-card .video-preview{width:124px;height:186px;border-radius:12px;border:0;box-shadow:0 3px 10px #16191218;transform:none}
.related-video-card .preview-handle,.related-video-card .preview-controls{display:none}
.related-video-card .preview-shade{background:linear-gradient(transparent 55%,#0003)}
.related-video-card .preview-play{width:36px;height:36px;background:#151713b3;backdrop-filter:none;border:1px solid #ffffff70;box-shadow:none}
.related-video-card .preview-play svg{width:17px;height:17px}
.related-video-card h2{font-size:clamp(21px,2.1vw,29px);line-height:1.12;letter-spacing:-.035em;margin:0 0 12px}
.related-video-card .hand-link{font-size:23px;display:inline-block;margin:0}
.related-video-card:hover{transform:none;background:none;box-shadow:none}
.related-video-card:hover h2{text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:4px;text-decoration-thickness:2px}
@media(max-width:600px){.related-video-card{grid-template-columns:100px minmax(0,1fr);gap:18px;padding:0}.related-video-card .video-preview{width:100px;height:150px;border-radius:10px}.related-video-card h2{font-size:21px}.related-video-card .hand-link{font-size:21px}}
/* Updates use the post's own imagery, without content-type badges. */
.updates-grid{align-items:start}.update-card{display:flex;flex-direction:column;padding:0;overflow:hidden;gap:0}.update-thumbnail{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid var(--line,#d6d8cc);margin:0}.update-copy{padding:28px}.update-card .update-copy h2{font-size:clamp(25px,2.5vw,34px);line-height:1.1;margin:0 0 18px;letter-spacing:-.035em}.update-copy>p{font-size:17px;line-height:1.6;margin:0 0 22px}.update-copy>.hand-link{margin:0}
@media(max-width:600px){.update-copy{padding:23px}.update-card .update-copy h2{font-size:27px}}
.update-video-card{display:grid;grid-template-columns:120px minmax(0,1fr);padding:24px;gap:22px;align-items:start}.update-video-card .update-thumbnail{aspect-ratio:2/3;object-fit:cover;border:0;border-radius:10px}.update-video-card .update-copy{padding:0}.update-video-card .update-copy h2{font-size:27px}
@media(max-width:600px){.update-video-card{grid-template-columns:86px minmax(0,1fr);padding:20px;gap:16px}.update-video-card .update-copy h2{font-size:23px}.update-video-card .update-copy>p{font-size:15px}}
