/* Sweet & Salted keeps the supplied artwork inside the portfolio's desktop. */
.sweet-case{--sweet-green:#064a35;--sweet-paper:#f3f0e6;container-type:inline-size;background:var(--sweet-paper);color:#152e22;font:16px/1.7 Arial,Helvetica,sans-serif;scrollbar-width:thin;scrollbar-color:#54816a #e8e6d9;}
.sweet-case *{box-sizing:border-box;}
.sweet-case img{display:block;max-width:100%;height:auto;image-rendering:auto!important;}
.sweet-case h1,.sweet-case h2,.sweet-case h3,.sweet-case p,.sweet-case figure{margin:0;}
.sweet-case [hidden]{display:none!important;}
.sweet-hero{padding:28px clamp(24px,5cqw,56px) 0;}
.sweet-eyebrow{display:flex;justify-content:space-between;gap:24px;padding-bottom:18px;border-bottom:1px solid #bac6b5;font:10px/1.5 var(--font-mono,'Courier New',monospace);letter-spacing:.07em;}
.sweet-client{font:italic 25px/1.3 Georgia,serif;margin-top:36px!important;color:var(--sweet-green);}
.sweet-hero h1{font:700 clamp(48px,9cqw,90px)/.98 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:-.02em;margin:12px 0 20px;}
.sweet-lead{font:17px/1.6 Arial,sans-serif;}
.sweet-hero-image{margin-top:30px!important;}
.sweet-hero-image img{width:100%;}
.sweet-hero-image figcaption{padding:10px 0;font:10px/1.5 var(--font-mono,'Courier New',monospace);text-transform:uppercase;letter-spacing:.05em;color:#516753;}
.sweet-intro{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding:54px clamp(24px,5cqw,56px);}
.sweet-kicker{font:10px/1.6 var(--font-mono,'Courier New',monospace);letter-spacing:.08em;}
.sweet-case h2{font:600 clamp(29px,4.3cqw,43px)/1.1 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.015em;}
.sweet-intro h2{margin-top:15px;}
.sweet-intro>div>p:not(.sweet-kicker){font-size:14px;}
.sweet-facts{display:grid;gap:12px;margin:24px 0 0;padding-top:18px;border-top:1px solid #bac6b5;font-size:12px;}
.sweet-facts>div{display:grid;grid-template-columns:80px 1fr;gap:12px;}
.sweet-facts dt{color:#516753;}.sweet-facts dd{margin:0;}
.sweet-reader{padding:40px clamp(16px,4cqw,44px) 32px;background:#e4e8dc;border-top:1px solid #bac6b5;}
.sweet-reader-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px;}
.sweet-reader-heading h2{margin-top:10px;}.sweet-reader-heading>p{font-size:12px;max-width:120px;}
.sweet-chapter-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:18px;}
.sweet-case .sweet-chapter-nav button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-height:61px;padding:10px 12px;border:1px solid #bcc8b8;background:transparent;color:#183b28;text-align:left;font:12px/1.4 Arial,sans-serif;cursor:pointer;}
.sweet-chapter-nav button span{font:9px/1.4 var(--font-mono,'Courier New',monospace);opacity:.7;}
.sweet-case .sweet-chapter-nav button[aria-pressed=true]{background:var(--sweet-green);border-color:var(--sweet-green);color:#f3f0e6;}
.sweet-case .sweet-chapter-nav button:hover{border-color:var(--sweet-green);}
.sweet-reader-controls{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;background:#e4e8dc;}
.sweet-reader-controls button{min-height:40px;padding:8px 12px;background:var(--sweet-paper);border:1px solid #bac6b5;color:#183b28;font:12px/1.4 Arial,sans-serif;cursor:pointer;}
.sweet-reader-controls button:disabled{opacity:.4;cursor:default;}
.sweet-reader-controls p{font:11px/1.5 var(--font-mono,'Courier New',monospace);text-align:center;}
.sweet-artwork{outline:none;scroll-margin-top:78px;}
.sweet-artwork img{width:100%;background:var(--sweet-paper);}
.sweet-artwork figcaption{padding:22px 24px;background:var(--sweet-paper);border-top:1px solid #d0d4c6;}
.sweet-artwork h3{font:600 26px/1.2 'Barlow Condensed',Impact,sans-serif;margin-bottom:10px;}
.sweet-artwork figcaption p{font-size:14px;max-width:56em;}
.sweet-reader-hint{font-size:11px;margin-top:16px!important;color:#516753;}
.sweet-footer{padding:44px clamp(24px,5cqw,56px);background:var(--sweet-green);color:var(--sweet-paper);}
.sweet-footer h2{font-size:clamp(42px,7cqw,68px);text-transform:uppercase;margin:20px 0 14px;}
.sweet-footer>p:not(.sweet-kicker){font-size:14px;}
.sweet-footer>.classic-button{margin-top:30px;}
.sweet-case button:focus-visible,.sweet-artwork:focus-visible{outline:2px solid #142f22;outline-offset:3px;}.sweet-footer button:focus-visible{outline-color:#fff;}
@container(max-width:600px){.sweet-eyebrow{font-size:9px;gap:16px;}.sweet-eyebrow>span:last-child{text-align:right;}.sweet-intro{grid-template-columns:1fr;gap:24px;padding-top:32px;padding-bottom:32px;}.sweet-chapter-nav{grid-template-columns:repeat(2,minmax(0,1fr));}.sweet-reader-heading{display:block;}.sweet-reader-heading>p{margin-top:14px;max-width:none;}.sweet-reader-controls{gap:6px;}.sweet-reader-controls p{font-size:9px;}.sweet-reader-controls button{padding:8px;min-height:44px;}.sweet-artwork figcaption{padding:18px;}}