.case-cromia{--paper:#f6f1e7;--ink:#293b3b;--accent:#9b402e;--gold:#987442;background-color:var(--paper);background-image:radial-gradient(ellipse at 5% 12%,#d9aa7030,transparent 35%),radial-gradient(ellipse at 95% 30%,#468d8720,transparent 35%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23817665' opacity='.08' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}.case-cromia .case-header{background:#f6f1e7eb;color:var(--ink);border-bottom:1px solid #293b3b20;padding-top:10px;padding-bottom:10px}.case-cromia .case-brand small{border-color:#293b3b30}.case-cromia .case-brand img.painter-avatar{width:76px;height:76px;object-fit:contain}.case-cromia .case-header>a:last-child{font-size:15px;text-underline-offset:5px}.case-cromia .case-nav{border:0;max-width:1320px;margin:auto;gap:22px;padding:18px 4%;font-size:16px}.case-cromia .case-nav>span{font:700 12px/1.5 monospace;letter-spacing:2px;color:#386961}.case-cromia .case-nav a{padding:12px 20px;position:relative;isolation:isolate;color:#fff;font-weight:700;white-space:nowrap}.case-cromia .case-nav a:nth-of-type(2){--stroke:#626887}.case-cromia .case-nav a:nth-of-type(3){--stroke:#9b402e}.case-cromia .case-nav a:nth-of-type(4){--stroke:#5b6441}.case-cromia .case-button{background:none;border:0;box-shadow:none!important;position:relative;isolation:isolate;padding:23px 32px;min-height:58px;font-size:17px;line-height:1.4;transition:transform .18s;color:#fff!important}.case-cromia .case-button:before,.case-cromia .case-nav a:before{content:"";position:absolute;inset:0;z-index:-1;background-color:var(--stroke,#28655f);background-image:repeating-linear-gradient(178deg,transparent 0 7px,#ffffff12 8px,transparent 9px 13px);clip-path:polygon(2% 15%,9% 8%,23% 12%,39% 4%,53% 9%,71% 5%,86% 10%,98% 5%,96% 21%,100% 28%,97% 47%,99% 67%,95% 76%,97% 91%,81% 89%,66% 96%,48% 90%,32% 97%,17% 90%,1% 95%,3% 76%,0 64%,3% 49%,1% 33%,4% 25%)}.case-cromia .case-button:hover{transform:rotate(-1deg) translateY(-2px);filter:brightness(1.08)}.case-cromia .case-nav a:hover{text-decoration:none;filter:brightness(1.15)}.case-cromia .case-hero{min-height:590px;overflow:visible;grid-template-columns:1fr 1.05fr;gap:20px;max-width:1340px;padding:15px 35px 55px}.case-cromia .case-hero-copy{padding:35px 5% 15px 3%}.case-cromia .case-hero h1{font:700 clamp(46px,5.1vw,76px)/1.03 Georgia,serif;letter-spacing:-3px;margin:22px 0;color:#274b46}.case-cromia .case-hero-copy>p{font-size:22px;max-width:390px}.case-cromia .case-eyebrow{letter-spacing:1.8px;line-height:1.6}.case-cromia .case-seal{display:none}.case-cromia .case-stamp{border:0;background:#dfb95b55;color:#614916;letter-spacing:.5px;transform:rotate(-2deg);padding:9px 20px;font-size:13px;border-radius:45% 5% 38% 8%}.case-cromia .case-hero-art{margin:25px 5px 20px 0;border:solid #fffdf7;border-width:12px 12px 52px;border-radius:2px;transform:rotate(2deg);box-shadow:6px 13px 25px #3f413223;overflow:visible;min-height:420px}.case-cromia .case-hero-art:before{content:"";position:absolute;z-index:2;width:140px;height:36px;left:calc(50% - 70px);top:-26px;background:#d9b977a6;transform:rotate(-6deg);border-left:2px dashed #fff8;border-right:2px dashed #fff8}.case-cromia .case-hero-art>img{object-position:55% center}.case-cromia .case-art-caption{bottom:-45px;background:none;color:#596052;text-align:center;font:italic 15px Georgia,serif;letter-spacing:1px;padding:12px 0}.pigment-row{display:flex;gap:8px;align-items:center;margin-top:28px;flex-wrap:wrap}.pigment-row i{width:24px;height:21px;display:block;border-radius:45% 60% 32% 48%;background:#287b78;transform:rotate(-15deg);box-shadow:inset 2px 3px 0 #fff3}.pigment-row i:nth-child(2){background:#b6573d}.pigment-row i:nth-child(3){background:#d6a33d}.pigment-row i:nth-child(4){background:#73749a}.pigment-row i:nth-child(5){background:#677349}.pigment-row span{font:italic 15px Georgia,serif;margin-left:9px;color:#595e51}.case-cromia .case-facts{border-top:1px solid #7e89734a;border-bottom:1px solid #7e89734a;padding:25px 0}.case-cromia .case-facts>div{border-color:#7e897340}.case-cromia .case-story{gap:65px;padding:75px 0 45px}.case-cromia h2{font-weight:500;color:#31524c}.case-cromia .case-story ul{list-style:none;padding:0}.case-cromia .case-story li{position:relative;padding-left:24px;margin:8px 0}.case-cromia .case-story li:before{content:"";width:10px;height:10px;position:absolute;left:0;top:11px;background:#b55e40;border-radius:35% 60% 45% 30%}.cromia-workshop{padding:35px 0 65px;scroll-margin-top:25px}.workshop-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.workshop-heading h2{margin:15px 0 25px}.workshop-heading>p{font-style:italic;color:#666d5c}.pigment-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:23px;margin:20px 0 65px}.pigment-cards article{position:relative;padding:30px 26px;background:#e3ebe2;box-shadow:3px 7px 0 #293b3b0a;border-radius:2px 20px 3px 4px;border-top:6px solid #427a6f;transform:rotate(-1deg)}.pigment-cards article:nth-child(2){background:#f0e0cc;border-color:#b56d3e;transform:rotate(1deg)}.pigment-cards article:nth-child(3){background:#e7e4ee;border-color:#797397;transform:rotate(-.5deg)}.pigment-cards small{display:block;font:11px/1.6 monospace;letter-spacing:1px;margin:22px 0 15px}.pigment-cards h3{font:700 28px/1.15 Georgia,serif;margin:0 0 15px}.pigment-cards p{font-size:16px;margin-bottom:0}.pigment-mark{font-size:46px;color:#40786e;line-height:1}.pigment-cards article:nth-child(2) .pigment-mark{color:#a96136}.pigment-cards article:nth-child(3) .pigment-mark{color:#71678c}.painter-note{display:grid;grid-template-columns:260px 1fr;gap:40px;align-items:center;max-width:960px;margin:auto;padding:30px 45px 20px 20px;background:#fffaf0;box-shadow:0 8px 30px #59543a12;position:relative;border-bottom:1px solid #c8b98b}.painter-note>img{width:100%;height:auto;align-self:end}.painter-note h3{font:italic 34px/1.16 Georgia,serif;margin:12px 0}.painter-note p{font-size:17px}.note-scribble{position:absolute;top:-13px;right:25px;transform:rotate(5deg);background:#ead28f;padding:8px 18px;font:italic 16px Georgia,serif}.case-cromia .case-download{background:#294e48;color:#fff9eb;border:0;box-shadow:none;position:relative;margin:5px 0 65px;padding:55px 45px;border-radius:3px 30px 3px 25px}.case-cromia .case-download h2{color:#fff9eb}.case-cromia .case-download .case-button{--stroke:#f0cf7e;color:#293d36!important}.case-cromia .case-download .case-eyebrow{color:#f0cf7e}.case-cromia .case-download aside{border-color:#dfd8c64a}.case-cromia .coffee-note{opacity:1;color:#f7e9cb;font-size:15px}.case-cromia .case-comments{max-width:900px;padding:35px 40px 45px;background:#fffdf680;position:relative;border-top:3px solid #d5b467;margin-bottom:60px}.case-cromia .case-notice{border:1px dashed #8e957f;background:#e9edde80;border-radius:3px}.case-cromia .case-comments textarea{background:#fffef8;border-color:#9aa78f}.case-cromia .case-footer{background:#e6e4d5;color:#354d43;border-top:1px solid #79886f55}.case-cromia .case-footer p{font-size:14px}.case-cromia :focus-visible{outline:3px solid #b47724;outline-offset:5px}.case-cromia .case-download :focus-visible{outline-color:#ffe29b}@media(max-width:1000px){.case-cromia .case-nav{gap:8px;flex-wrap:wrap}.case-cromia .case-nav>span{width:100%;text-align:center}.case-cromia .case-hero{gap:0;padding:10px 25px 40px}.case-cromia .case-hero h1{font-size:52px}.case-cromia .case-hero-art{min-height:390px}.pigment-cards{gap:15px}.pigment-cards article{padding:25px 20px}}@media(max-width:850px){.case-cromia .case-hero{grid-template-columns:1fr}.case-cromia .case-hero-copy{padding:25px 4%}.case-cromia .case-hero h1{max-width:650px;font-size:clamp(44px,8vw,64px)}.case-cromia .case-hero-art{height:390px;min-height:0;margin:25px 4% 20px}.case-cromia .case-story{gap:20px;padding-top:45px}.pigment-cards{grid-template-columns:1fr}.pigment-cards article{transform:none!important;padding:25px 30px}.pigment-mark{float:right}.pigment-cards small{margin-top:0}.workshop-heading{display:block}.painter-note{grid-template-columns:180px 1fr;gap:20px;padding:25px 20px}.painter-note h3{font-size:28px}.case-cromia .case-download{padding:35px 25px}}@media(max-width:550px){.case-cromia .case-brand img.painter-avatar{width:56px;height:56px}.case-cromia .case-nav{display:grid;grid-template-columns:1fr 1fr;padding:15px;gap:8px}.case-cromia .case-nav>span{grid-column:1/-1;margin-bottom:5px}.case-cromia .case-nav a{text-align:center;padding:14px 8px;font-size:15px}.case-cromia .case-hero{padding:0 15px 30px}.case-cromia .case-hero h1{font-size:45px;letter-spacing:-2px}.case-cromia .case-hero-art{height:270px}.case-cromia .case-art-caption{font-size:11px}.case-cromia .case-button{font-size:16px;padding:20px 24px;gap:15px}.case-cromia .case-facts strong{font-size:15px}.painter-note{grid-template-columns:1fr;text-align:center;padding:25px}.painter-note>img{width:190px;margin:auto}.note-scribble{right:10px;font-size:14px}.case-cromia .case-comments{padding:25px 20px}.workshop-heading>p{font-size:16px}.case-cromia .case-hero-copy>p{font-size:20px}}@media(prefers-reduced-motion:reduce){.case-cromia .case-button{transition:none}.case-cromia .case-button:hover{transform:none}}.case-cromia .case-button:before,.case-cromia .case-nav a:before{clip-path:none;-webkit-mask:url(/art/brush-stroke.svg) center/100% 100% no-repeat;mask:url(/art/brush-stroke.svg) center/100% 100% no-repeat}.case-cromia .case-facts{border:0;gap:18px;padding:22px 0 15px}.case-cromia .case-facts>div{border:0;position:relative;isolation:isolate;padding:24px 28px;--wash:#d6b45c}.case-cromia .case-facts>div:nth-child(2){--wash:#81aaa0}.case-cromia .case-facts>div:nth-child(3){--wash:#aaa0be}.case-cromia .case-facts>div:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--wash);opacity:.46;-webkit-mask:url(/art/brush-stroke.svg) center/100% 100% no-repeat;mask:url(/art/brush-stroke.svg) center/100% 100% no-repeat;transform:rotate(-1deg)}.case-cromia .case-facts small{color:#524432;font-size:12px;margin-bottom:7px}.case-cromia h2{position:relative;isolation:isolate;width:fit-content;max-width:100%;padding-bottom:12px}.case-cromia h2:after{content:"";position:absolute;z-index:-1;left:-10px;bottom:4px;width:calc(100% + 16px);height:24px;background:#d9b559;opacity:.5;transform:rotate(-1deg);-webkit-mask:url(/art/brush-stroke.svg) center/100% 100% no-repeat;mask:url(/art/brush-stroke.svg) center/100% 100% no-repeat}.case-cromia .workshop-heading h2:after{background:#7caaa3}.case-cromia .case-comments h2:after{background:#a89bbb}.case-cromia .case-download h2:after{background:#779582;opacity:.5}.case-cromia .case-story{display:block;padding:40px 0 20px}.case-cromia .case-story>div:first-child{position:relative;isolation:isolate;min-height:580px;padding:120px 50px 50px;box-sizing:border-box;margin:0 -25px 40px;background:url(/art/cromia-miniatures.png) 50%/cover no-repeat;box-shadow:0 9px 28px #5a523218;border:8px solid #fdf8ec}.case-cromia .case-story>div:first-child:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f8f1e5f5,#f8f1e5e8 33%,#f8f1e550 58%,transparent 78%)}.case-cromia .case-story>div:first-child>h2{max-width:38%;font-size:clamp(32px,3.2vw,46px);line-height:1.18;color:#284a43;text-shadow:0 1px 3px #fff8}.case-cromia .case-story>div:first-child>.case-eyebrow{max-width:38%;color:#73432e}.case-cromia .case-story>div:last-child{max-width:900px;margin:0 auto;padding:10px 15px;column-count:2;column-gap:45px}.case-cromia .case-story>div:last-child p,.case-cromia .case-story>div:last-child ul{page-break-inside:avoid;break-inside:avoid}@media(max-width:850px){.case-cromia .case-story>div:first-child{min-height:440px;padding:65px 30px;background-position:60%;margin:0 0 30px}.case-cromia .case-story>div:first-child>h2{font-size:34px;max-width:43%}.case-cromia .case-story>div:last-child{column-count:1}.case-cromia .case-facts{gap:8px}.case-cromia .case-facts>div{padding:20px 18px}}@media(max-width:550px){.case-cromia .case-facts>div{padding:19px 22px}.case-cromia .case-facts small{width:85px;flex-shrink:0}.case-cromia .case-facts strong{font-size:14px}.case-cromia .case-story>div:first-child{padding:25px 20px 235px;min-height:0;background-size:100% auto;background-position:bottom;background-color:#f6f0e5;background-repeat:no-repeat;border-width:5px}.case-cromia .case-story>div:first-child:before{background:linear-gradient(#f6f0e5 0 37%,transparent 65%)}.case-cromia .case-story>div:first-child>h2{max-width:100%;font-size:32px}.case-cromia .case-story>div:first-child>.case-eyebrow{max-width:100%}.case-cromia .case-story>div:last-child{padding:5px 0}.case-cromia h2:after{left:-3px;width:calc(100% + 6px)}}.case-cromia{position:relative;isolation:isolate;background-image:none}.case-cromia:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#f6f1e5e8,#f6f1e5bf 38%,#f6f1e58c 75%,#f6f1e559),url(/art/cromia-nier-lienzo.png) 100%/cover no-repeat}.case-cromia .case-story>div:last-child{background:#faf6edeb;padding:25px 30px;border-radius:4px}.case-cromia .workshop-heading{background:#f6f1e5db;padding:20px 24px;border-radius:4px}.case-cromia .case-comments{background:#fffdf5f2}@media(max-width:550px){.case-cromia:before{background-position:70%;background-image:linear-gradient(#f6f1e5d9,#f6f1e5d9),url(/art/cromia-nier-lienzo.png)}.case-cromia .case-story>div:last-child{padding:20px}.case-cromia .workshop-heading{padding:18px}}.case-cromia .case-comments,.case-cromia .case-story>div:last-child,.case-cromia .painter-note,.case-cromia .workshop-heading{background-color:#f5efdf;background-image:url(/art/canvas-weave.svg),radial-gradient(ellipse at 25% 15%,#fffdf390,transparent 70%),linear-gradient(110deg,#e9ddc72b,#fffdf52b 45%,#e0d1b633);background-size:120px 120px,100% 100%,100% 100%;border:1px solid #b7a27a4a;border-radius:2px;box-shadow:inset 0 0 0 3px #fffdf45c,inset 0 0 18px #967b4720,2px 3px 0 #d4c5aa,5px 9px 18px #34362918}.case-cromia .case-comments{border-top:3px solid #c6a351}.case-cromia .painter-note{border-bottom:2px solid #baa57c}.case-cromia .case-comments .case-notice{background-color:#e7e8d8;background-image:url(/art/canvas-weave.svg);background-size:120px 120px}.case-cromia .case-comments textarea{background-color:#fffbef;background-image:url(/art/canvas-weave.svg);background-size:120px 120px}@font-face{font-family:Cromia Brush;src:url(/fonts/kalam/Kalam-Bold.ttf) format("truetype");font-style:normal;font-weight:700;font-display:swap}.case-cromia .case-download h3,.case-cromia .painter-note h3,.case-cromia .pigment-cards h3,.case-cromia h2{font-family:Cromia Brush,Georgia,serif;font-weight:700;font-style:normal;letter-spacing:-.7px;line-height:1.25}.case-cromia .case-hero h1{font-family:Cromia Brush,Georgia,serif;font-weight:700;line-height:1.08;letter-spacing:-2px}.case-cromia .case-story>div:first-child>h2{line-height:1.25}.case-cromia .note-scribble,.case-cromia .pigment-row span{font-family:Cromia Brush,Georgia,serif;font-style:normal;font-weight:700}.case-cromia .pigment-cards article{--pigment:#7ba293;background:#f5efdf;border:1px solid #a4ab8c60;border-radius:4px 12px 5px 9px;isolation:isolate;box-shadow:2px 4px 0 #d4c5aa66,0 8px 16px #34362912;background-image:url(/art/canvas-weave.svg);background-size:120px 120px}.case-cromia .pigment-cards article:nth-child(2){--pigment:#c99561;background-color:#f5efdf;border-color:#c9a97870}.case-cromia .pigment-cards article:nth-child(3){--pigment:#a092b7;background-color:#f5efdf;border-color:#a69ab470}.case-cromia .pigment-cards article:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at 0 0,var(--pigment),transparent 78%),linear-gradient(176deg,transparent 5%,#fff7 7%,transparent 10%,#fff4 12%,transparent 17%,#fff5 21%,transparent 27%,#fff3 32%,transparent 38%);opacity:.48}.case-cromia .pigment-cards article:after{content:"";position:absolute;left:12px;right:18px;top:-5px;height:13px;pointer-events:none;background:var(--pigment);-webkit-mask:url(/art/brush-stroke.svg) center/100% 100% no-repeat;mask:url(/art/brush-stroke.svg) center/100% 100% no-repeat}.case-cromia .case-download{background-color:#dce4d6;color:#263e36;border:1px solid #879d7e80;border-radius:5px 16px 5px 12px;background-image:url(/art/canvas-weave.svg),radial-gradient(ellipse at 5% 0,#789b815c,transparent 65%),radial-gradient(ellipse at 100% 90%,#a1b19070,transparent 65%),repeating-linear-gradient(177deg,transparent 0 18px,#fffff320 20px,transparent 23px 40px);background-size:120px 120px,100% 100%,100% 100%,100% 100%;box-shadow:inset 0 0 24px #f5f1de8c,3px 5px 0 #aab79c60,0 9px 20px #293b3b18}.case-cromia .case-download:before{content:"";position:absolute;left:15px;right:15px;top:-7px;height:19px;background:#668c76;opacity:.65;-webkit-mask:url(/art/brush-stroke.svg) center/100% 100% no-repeat;mask:url(/art/brush-stroke.svg) center/100% 100% no-repeat;pointer-events:none}.case-cromia .case-download h2{color:#294d3f}.case-cromia .case-download .case-eyebrow{color:#515e34}.case-cromia .case-download aside{border-color:#637f5e55}.case-cromia .case-download .coffee-note{color:#354e3b}.case-cromia .case-download .case-button{--stroke:#315f4f;color:#fff!important}.case-cromia .case-download :focus-visible{outline-color:#77501d}@media(max-width:550px){.case-cromia .case-hero h1{font-size:43px}.case-cromia .pigment-cards h3{font-size:28px}.case-cromia .case-download h2{font-size:32px}}.case-cromia .pigment-mark{display:block;width:112px;height:96px;margin:-7px 0 3px;line-height:0}.case-cromia .workshop-icon{display:block;width:100%;height:100%;overflow:visible}@media(max-width:850px){.case-cromia .pigment-mark{width:90px;height:78px;margin:0 0 12px 16px;float:right}.case-cromia .pigment-cards article:after{pointer-events:none}.case-cromia .pigment-cards article{display:flow-root}}@media(max-width:380px){.case-cromia .pigment-mark{float:none;margin:0 0 15px}}