/* CRAFT SOCIAL CLUB — ORATOR TYPOGRAPHY & COLOR REFINEMENT
   Original Photoshop Orator Std typography is the reference.
   Adobe Fonts Web Project: https://use.typekit.net/ojg2uta.css
   Tracking -40/1000 em => -0.04em; leading 24pt => 32 CSS pixels.
   The Adobe stylesheet must load successfully to display Orator Std.
   Note: headings larger than 32px need proportional leading to avoid clipping.
*/
:root { --red: #d6132e; --ink: #d6132e; --mono: "orator-std", "Orator Std", monospace; --csc-letter-spacing:-0.04em; --csc-leading:24pt; }
html,body { color:var(--red); }
body,
body :is(h1,h2,h3,h4,h5,h6,p,span,a,button,label,small,li,input,select,textarea,strong,b,em,blockquote,figcaption,summary,option) {
 font-family:var(--mono)!important;
 font-weight:400!important;
 font-style:normal!important;
 font-synthesis:none;
 letter-spacing:var(--csc-letter-spacing)!important;
 color:var(--red);
}
/* 24pt Photoshop leading for normal-size live copy */
body :is(p,li,blockquote,figcaption,textarea),
body :is(.intro-layout p,.section-head p,.home-market p,.party-teaser p,.updates-teaser p,
 .detail-paper>p,.detail-followup p,.shop-heading p,.card-body p,
 .private-intro p,.inquiry p,.updates-description p,.shop-heading p) {
 line-height:var(--csc-leading)!important;
}
/* The same 24pt baseline at body size, with breathing room for larger headings. */
body :is(h1,h2,h3,h4,h5,h6) {line-height:1.2!important; text-wrap:balance;}
body :is(.intro-layout h2,.section-head h2,.home-market h2,.party-teaser h2,.updates-teaser h2,
 .interior-title h1,.shop-heading h1,.private-intro h2,.updates-description h2,.card-body h3,
 .detail-paper h1,.detail-paper h3,.workshop-index-intro h1) {font-weight:400!important;letter-spacing:-.04em!important;}
body :is(.eyebrow,.kicker,.date-soon,.tile-caption,.market-image-label,.card-bottom,
 .footer-bottom,.text-link,.scroll-prompt,.detail-lower .eyebrow,.site-header .primary-nav a,
 .market-card p,.market-card h3,.market-end span,.footer-up) {
 font-family:var(--mono)!important;font-weight:400!important;letter-spacing:-.04em!important;color:var(--red)!important;
}
body :is(.btn,.btn-red,.btn-outline-red,.menu-toggle,.field label,.field input,.field select,
 .field textarea,.footer-top p,.site-footer a) {
 font-family:var(--mono)!important;letter-spacing:-.04em!important;font-weight:400!important;
}
/* Keep all exterior type in the brand red, including supporting copy and footer. */
body :is(.section-head p,.intro-layout p,.card-body p,.detail-paper>p,.detail-followup p,
 .market-card p,.market-end p,.shop-heading p,.home-market p,.party-teaser p,.updates-teaser p,
 .private-intro p,.inquiry p,.updates-description p,.inquiry-status,.footer-top p) {color:var(--red)!important;}
.site-footer{background:#ffffff!important;color:var(--red)!important;}
.detail-paper,.detail-photo,.detail-followup{background:#ffffff!important;}
.site-header .primary-nav a {color:var(--red)!important; letter-spacing:-.04em!important;}
/* White lettering on the RED BUTTONS is the one intentional exception for legibility. */
body :is(.btn-red,.btn-red:link,.btn-red:visited,.btn-red:hover,.btn-red:focus-visible,
 .btn-outline-red:hover,.btn-outline-red:focus-visible){color:white!important;}
body .btn-outline-red:not(:hover):not(:focus-visible){color:var(--red)!important;}
/* Stop the logo's image being treated as type; never stretch its original lettering. */
.hero-wordmark,.floating-market-logo,.footer-top img{filter:none!important;}
/* Keep body copy at its 24pt leading on small viewports, but let longer buttons wrap. */
@media(max-width:760px){
 body :is(p,li,blockquote,figcaption){line-height:24pt!important;}
 .detail-paper h1,.detail-paper h3{line-height:1.28!important;}
 .site-header .primary-nav a{letter-spacing:-.04em!important;}
}