/* Craft Social Club — review corrections approved October 29, 2026.
   Original Photoshop artwork, Orator Std Web Project and fixed reusable page layouts.
   Photoshop tracking -40 is CSS -0.04em (40/1000 of the em).
   Photoshop leading 24pt is CSS 32px at 96 CSS pixels/inch; apply to body
   copy and workshop texts, with tighter values for single-line controls and
   necessary responsive exceptions for readability.
*/
:root {--red:#d6132e; --ink:#d6132e; --paper-blue:#c6d9ef; --cream:#ffffff; --mono:'orator-std','Orator Std','Courier New',monospace;}
html,body{background:#fff;color:var(--red);}
body, h1,h2,h3,h4,h5,h6,p,span,a,button,label,small,li,input,select,textarea,strong,em,.eyebrow,.kicker,.date-soon,.btn,.text-link,.market-image-label,.card-bottom,.footer-bottom{
 font-family:var(--mono)!important;
 letter-spacing:-.04em!important;
 color:var(--red);
}
h1,h2,h3,h4,h5,h6{font-weight:400!important;}
strong,b{font-family:var(--mono)!important;color:var(--red);}
p{line-height:32px;}
/* Navigation: red Orator over the actual page pattern, not a colored header block. */
.site-header .primary-nav a{letter-spacing:-.04em!important;color:var(--red)!important;font-weight:400!important;}
.site-header.is-scrolled{background:rgba(255,255,255,.96)!important;}
.site-header .primary-nav.is-open{background:#fff!important;}
/* The supplied blue texture on top of the user's #C6D9EF Multiply fill.
   Do not replace the PSD texture with a generic gradient. */
.hero,.hero-paper{background-color:#c6d9ef!important;}
.hero-paper{background-image:url('paper-texture.webp')!important;background-size:cover;background-position:center center;background-repeat:no-repeat;background-blend-mode:multiply;opacity:1!important;}
.hero-tagline{letter-spacing:-.04em!important;font-weight:400!important;}
.scroll-prompt{letter-spacing:-.04em!important;color:var(--red)!important;}
/* Editorial white sections and consistently red type. */
.intro-section,.home-workshops,.workshop-index-section,.private-page-content,.updates-page-content,.detail-followup{background:#fff!important;}
.intro-layout p,.section-head p,.home-market p,.party-teaser p,.updates-teaser p,.card-body p,
.detail-paper p,.detail-followup p,.shop-heading p,.market-card p,.private-intro p,
.inquiry-intro,.inquiry .note,.updates-description p,.signup-note p{color:var(--red)!important;}
.intro-layout h2,.section-head h2,.home-market h2,.party-teaser h2,.updates-teaser h2,
.shop-heading h1,.interior-title h1,.private-intro h2,.updates-description h2,.card-body h3{letter-spacing:-.04em!important;color:var(--red)!important;}
.intro-layout h2,.home-market h2,.party-teaser h2,.updates-teaser h2{line-height:1.12!important;}
.intro-layout p,.home-market p,.party-teaser p,.updates-teaser p{line-height:32px!important;}
.intro-section,.home-workshops{color:var(--red);}
/* Home workshop tile reproduces the user's actual two-rectangle PSD composition. */
.home-feature{background:#c6d9ef url('dots-background.webp') center/cover no-repeat;
 display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:34px;align-items:stretch;min-height:0;}
.home-feature .detail-paper{margin:0;min-height:530px;background:#fff!important;border:9px solid #f6eee7;
 padding:clamp(28px,3.5vw,50px);display:flex;flex-direction:column;}
.home-feature .detail-paper .eyebrow{text-align:center;margin-bottom:25px;}
.home-feature .detail-paper h3.workshop-letterpress-title{
 font:400 clamp(19px,2.12vw,31px)/1.28 var(--mono)!important;
 letter-spacing:-.04em!important;text-transform:uppercase;text-align:left;margin:0 0 23px;}
.home-feature .detail-paper p{font:400 clamp(12px,1.17vw,15px)/32px var(--mono)!important;letter-spacing:-.04em!important;}
.home-feature .detail-photo{margin:0;min-height:530px;border:9px solid #f6eee7;padding:10px;background:#fff;}
.home-feature .detail-photo img{object-fit:cover;width:100%;height:100%;min-height:0;}
/* Workshop details: off-white outer frame, PURE white inner rectangle. */
.detail-paper{background:#fff!important;}
.detail-photo{background:#fff!important;}
.detail-paper h1.workshop-letterpress-title,.detail-paper h3.workshop-letterpress-title{
 font-weight:400!important;letter-spacing:-.04em!important;line-height:1.35!important;}
.detail-paper>.eyebrow,.detail-lower .eyebrow{letter-spacing:-.04em!important;}
.detail-paper>p{line-height:32px!important;letter-spacing:-.04em!important;}
.detail-rule{object-fit:contain!important;image-rendering:auto;}
.detail-followup{background:#fff!important;padding-block:34px;}
.detail-followup p{font-family:var(--mono)!important;color:var(--red)!important;line-height:32px!important;}
.detail-followup strong{font-weight:400;}
.detail-followup .text-link,.card-body .text-link{color:var(--red)!important;}
/* Market: retain gingham & product grid, remove fake glow on central logo. */
.floating-market-logo{filter:none!important;text-shadow:none!important;box-shadow:none!important;}
.market-tile-art{background:#fff!important;}
.tile-caption,.market-image-label,.market-card h3,.market-card p,.shop-heading p,.market-end span{color:var(--red)!important;font-family:var(--mono)!important;letter-spacing:-.04em!important;}
.market-image{background:rgba(255,255,255,.84)!important;}
.shop-heading p,.market-card p{line-height:32px!important;}
.shop-heading h1{line-height:1.1!important;}
/* All footers pure white, including the strip below workshop pages. */
.site-footer{background:#fff!important;color:var(--red)!important;}
.site-footer *, .footer-bottom{color:var(--red)!important;font-family:var(--mono)!important;letter-spacing:-.04em!important;}
.footer-top p{font-weight:400!important;line-height:32px!important;}
.footer-up{font-weight:400!important;}
/* MailerLite and Formspree still use their existing real endpoints. */
.field label,.field input,.field select,.field textarea,.inquiry-status{font-family:var(--mono)!important;color:var(--red)!important;letter-spacing:-.04em!important;}
.btn-red{color:#fff!important;}
.btn-red:hover,.btn-red:focus-visible{color:#fff!important;}
.btn-outline-red:hover{color:#fff!important;}
@media(max-width:1000px){
 .home-feature{gap:18px;padding:22px;}
 .home-feature .detail-paper{padding:30px;}
 .home-feature .detail-photo{min-height:460px;}
}
@media(max-width:760px){
 .hero,.hero-paper{background-color:#c6d9ef!important;}
 .intro-section,.home-workshops,.detail-followup{background:#fff!important;}
 .home-feature{grid-template-columns:1fr;gap:20px;padding:16px;}
 .home-feature .detail-paper{min-height:460px;padding:27px 26px;border-width:7px;}
 .home-feature .detail-paper h3.workshop-letterpress-title{font-size:clamp(19px,5.3vw,26px)!important;line-height:1.38!important;}
 .home-feature .detail-paper p{font-size:clamp(12px,3vw,14px)!important;line-height:32px!important;}
 .home-feature .detail-photo{min-height:0;height:clamp(330px,95vw,530px);padding:10px;border-width:7px;}
 .home-feature .detail-photo img{height:100%;}
 .detail-paper{background:#fff!important;}
 .detail-paper>p{line-height:32px!important;}
 .detail-followup p{line-height:32px!important;text-align:left;}
 .intro-layout p,.home-market p,.party-teaser p,.updates-teaser p{line-height:32px!important;}
 .section-head h2{font-size:clamp(30px,7.8vw,44px)!important;}
 .site-footer{background:#fff!important;}
 .site-header .primary-nav a{font-size:14px;letter-spacing:-.04em!important;}
}

/* Complete the Photoshop red-type direction on all supporting pages. */
main p,main li,main label,main .eyebrow,main .text-link,main .kicker,main .tile-caption,
main .card-bottom,main .shop-heading p,main .interior-title p,
main .inquiry p,main .mailer-card p{color:var(--red)!important;font-family:var(--mono)!important;letter-spacing:-.04em!important;}
main .btn-red{color:#fff!important;}
main .btn-outline-red:hover{color:#fff!important;}