body.ml-atelier{color-scheme:light;--brand: #551a0d;--brand-dark: #351006;--brand-deep: #2a0d04;--ink: #2a120c;--accent: #9a351f;--gold: #c89d5c;--gold-light: #f4c983;--paper: #fbf8f4;--paper-warm: #fffaf4;--paper-card: rgba(255, 250, 244, .85);--copy: #634b3b;--copy-light: #8d5e43;--line: rgba(85, 26, 12, .14);--line-gold: rgba(200, 157, 92, .25);--radius: 8px;--radius-sm: 6px;--shadow-sm: none;--shadow-md: 0 16px 42px rgba(42, 13, 4, .08)}:where(body.ml-atelier) *{box-sizing:border-box}body.ml-atelier{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Arial,sans-serif;-webkit-font-smoothing:antialiased}:where(body.ml-atelier) img{display:block;max-width:100%}:where(body.ml-atelier) a{color:inherit;text-decoration:none}.blog-hero{position:relative;padding:clamp(64px,8vw,112px) clamp(24px,5vw,76px) clamp(38px,5vw,58px);background:var(--paper-warm);border-bottom:1px solid var(--line);text-align:center}.crumb{display:inline-flex;align-items:center;gap:12px;margin-bottom:16px;color:#9a6545;font-size:11px;line-height:1;font-weight:900;letter-spacing:.34em;text-transform:uppercase}.crumb:after{content:"";width:44px;height:1px;background:#be8a7c}.blog-hero .crumb:before{content:"";width:44px;height:1px;background:#be8a7c}:where(body.ml-atelier) h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(2.7rem,4.3vw,4.45rem);line-height:1.02;font-weight:400;letter-spacing:0;color:var(--ink);max-width:880px;margin:0 auto 18px}:where(body.ml-atelier) h1 span.accent{color:inherit;font-style:italic}.blog-subtitle{max-width:680px;margin:0 auto;color:var(--copy);font-size:clamp(1rem,1.1vw,1.12rem);line-height:1.68}.filter-bar-section{padding:20px clamp(24px,5vw,76px);background:var(--paper-warm);border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center}.filter-label{font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--copy-light);margin-right:8px}.pill{border:0;border-bottom:1px solid transparent;border-radius:0;padding:7px 4px;background:transparent;color:var(--brand);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.pill:hover,.pill.active{background:transparent;color:var(--accent);border-color:var(--accent)}.featured-section{padding:clamp(42px,5vw,64px) clamp(24px,5vw,76px)}.featured-card{max-width:1180px;margin:0 auto;background:transparent;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(340px,.98fr);box-shadow:var(--shadow-sm)}.featured-card:hover{border-color:#551a0c33}.featured-media{height:100%;min-height:340px;overflow:hidden;position:relative}.featured-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.02)}.featured-content{padding:clamp(30px,4vw,46px);display:flex;flex-direction:column;justify-content:center;background:#fffaf4ad}.article-meta{display:flex;align-items:center;gap:12px;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.article-meta span.dot{width:4px;height:4px;border-radius:50%;background:var(--gold)}.featured-content h2{margin:0 0 14px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.65rem,2.55vw,2.45rem);line-height:1.12;color:var(--brand)}.featured-content p{margin:0 0 24px;color:var(--copy);font-size:.98rem;line-height:1.68}.read-more-btn{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:0 0 5px;border:0;border-bottom:1px solid currentColor;background:transparent;color:var(--brand);font-family:inherit;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.read-more-btn:hover{color:var(--accent)}.articles-section{padding:0 clamp(24px,5vw,76px) clamp(64px,8vw,104px)}.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(22px,3vw,34px);max-width:1180px;margin:0 auto}.article-card{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;overflow:hidden;display:flex;flex-direction:column;box-shadow:none}.article-card:hover{border-color:#9a351f52}.card-media{height:188px;overflow:hidden;margin-top:18px;border-radius:var(--radius-sm)}.card-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.02);transition:filter .25s ease}.article-card:hover .card-media img{filter:saturate(1) contrast(1.04)}.card-body{padding:20px 0 0;display:flex;flex-direction:column;flex-grow:1}.card-body :is(h3,h2){margin:0 0 10px;font-family:Georgia,Times New Roman,serif;font-size:1.22rem;line-height:1.24;color:var(--brand)}.card-body p{margin:0 0 18px;color:var(--copy);font-size:.88rem;line-height:1.62;flex-grow:1}.article-modal-overlay{position:fixed;inset:0;z-index:2500;background:#160602c7;backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .25s ease}.article-modal-overlay.is-active{opacity:1;pointer-events:auto}.article-modal-dialog{background:#fff;border:1px solid var(--gold);border-radius:var(--radius);width:min(100%,820px);max-height:92vh;overflow-y:auto;padding:clamp(32px,5vw,54px);position:relative;box-shadow:0 24px 60px #00000059;transform:translateY(20px);transition:transform .25s ease}.article-modal-overlay.is-active .article-modal-dialog{transform:translateY(0)}.article-modal-close{position:absolute;top:24px;right:24px;background:transparent;border:none;font-size:30px;color:var(--brand);cursor:pointer;line-height:1;padding:4px 8px;border-radius:6px}.modal-article-body h2{font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,3.2vw,3rem);color:var(--brand);margin:12px 0 16px;line-height:1.1}.modal-article-body p{color:var(--copy);font-size:1.05rem;line-height:1.7;margin:0 0 18px}.modal-article-body h3{font-family:Georgia,serif;font-size:1.5rem;color:var(--brand-dark);margin:28px 0 12px}.takeaways-box{background:var(--paper-warm);border-left:3px solid var(--gold);padding:20px 24px;margin:28px 0;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.takeaways-box h4{margin:0 0 10px;font-family:Georgia,serif;font-size:1.15rem;color:var(--brand)}.takeaways-box ul{margin:0;padding-left:20px;color:var(--ink);font-size:.95rem;line-height:1.6}.b2b-modal-overlay{position:fixed;inset:0;z-index:2000;background:#160602b8;backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .25s ease}.b2b-modal-overlay.is-active{opacity:1;pointer-events:auto}.b2b-modal-dialog{background:#fff;border:1px solid var(--gold);border-radius:var(--radius);width:min(100%,720px);max-height:90vh;overflow-y:auto;padding:clamp(28px,4vw,42px);position:relative;box-shadow:0 24px 60px #00000059;transform:translateY(16px);transition:transform .25s ease}.b2b-modal-overlay.is-active .b2b-modal-dialog{transform:translateY(0)}.b2b-modal-close{position:absolute;top:20px;right:20px;background:transparent;border:none;font-size:28px;color:var(--brand);cursor:pointer;line-height:1;padding:4px 8px;border-radius:6px}.b2b-modal-close:hover{background:#551a0c14}.b2b-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group-full{grid-column:1 / -1}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-dark)}.form-control{width:100%;padding:11px 13px;border:1px solid rgba(85,26,12,.2);border-radius:var(--radius-sm);background:#fdfcf9;color:var(--ink);font-family:inherit;font-size:.92rem}.submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:0 28px;background:linear-gradient(180deg,#8b3216,#551a0c);color:#fffaf4;border:1px solid rgba(255,238,219,.25);border-radius:999px;font-family:inherit;font-size:.88rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;box-shadow:0 10px 24px #551a0c33}@media(max-width:1024px){.featured-card{grid-template-columns:1fr}.articles-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.articles-grid,.b2b-form{grid-template-columns:1fr}}

/* Journal cards show the complete photograph at its natural proportions. */
body.tpl-blog.atelier-journal .article-card .card-media{height:auto;aspect-ratio:auto;overflow:hidden}
body.tpl-blog.atelier-journal .article-card .card-media picture{display:block;height:auto}
body.tpl-blog.atelier-journal .article-card .card-media img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}