/* One collection: formats, then categories, with a compact first view. */
.work-section .format-switch{gap:30px;flex-wrap:wrap;margin-bottom:25px;border-color:#876654}
.work-section .format-switch button{color:#d8c2ae;font:28px/1.3 var(--serif);min-height:48px;gap:8px;padding:10px 0 16px;cursor:pointer}
.work-section .format-switch button[aria-pressed=true]{color:#fff7eb;border-color:#e2bc93}
.work-section .format-switch button:hover{color:#fff7eb}
.work-section .format-switch button:focus-visible{outline-color:#e2bc93}
.work-section .format-switch button span{color:#d3b494}
.work-section .catalog-premium-note{color:#ead6c2;border-color:#c89d71}
.work-section .catalog-filters[hidden],.collection-expand[hidden]{display:none!important}
.collection-expand-row{display:flex;justify-content:center;margin-top:32px}
.collection-expand-row:has([hidden]){display:none}
.collection-expand{min-height:48px;padding:14px 30px;font-size:13px;cursor:pointer}
.work-section .collection-expand{background:#f4eee5;color:#38241b;border:1px solid #d7cbbd;justify-content:center;text-align:center}
.work-section .collection-expand:hover{background:#fff9f0;color:#38241b;border-color:#fff9f0}
.work-section .collection-expand:focus-visible{outline-color:#e2bc93}
.work-section .photo-work-card{max-width:none}
.work-section .photo-window img{aspect-ratio:9/16;object-fit:cover}
.work-section .photo-work-card .card-info h3{font-size:32px}
.work-section .photo-open{font-size:10px;letter-spacing:1px}
/* A single unboxed line of original marks, with a visible pause control. */
.brand-wall-heading{margin-bottom:24px}
.brand-marquee{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent);padding:16px 0}
.brand-track{display:flex;width:max-content;animation:brand-drift 78s linear infinite;will-change:transform}
.brand-set{display:flex;align-items:center;gap:58px;padding-right:58px;flex-shrink:0}
.brand-set .brand-logo{width:145px;flex:0 0 145px;min-height:74px;padding:8px 0}
.brand-set .brand-logo img{max-width:145px;height:48px}
.brand-set .brand-round img{width:67px;height:67px}
.brand-marquee:hover .brand-track,.brand-marquee[data-paused=true] .brand-track{animation-play-state:paused}
.brand-motion{display:block;margin:8px auto 0;padding:8px 0;background:none;border:0;border-bottom:1px solid #af9277;color:#705540;min-height:36px;font:11px var(--sans);cursor:pointer}
.brand-motion:focus-visible{outline:2px solid #805d3f;outline-offset:5px}
@keyframes brand-drift{to{transform:translateX(-50%)}}
/* Each recommendation has its own breathing room and a recognisable brand. */
.client-feedback .quote-grid{gap:20px;border:0;align-items:stretch}
.client-feedback .quote-grid figure,.client-feedback .quote-grid figure.quote-compact{padding:30px;background:#f0e5d6;border:1px solid #ceb89d;color:#38271f;min-height:0}
.client-feedback .quote-grid figure:nth-child(3n+2){background:#e3d2bd}
.client-feedback .quote-grid figure:nth-child(3n){background:#f6eee4}
.review-brand{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-bottom:26px;min-height:45px}
.review-brand img{display:block;width:auto;max-width:132px;height:38px;object-fit:contain;object-position:left center}
.review-brand span{font:10px/1.5 var(--sans);letter-spacing:.3px;color:#72543e;max-width:120px}
.review-brand img[src$="bending.svg"]{filter:brightness(0)}
.review-brand img[src$="wonderskin.png"]{filter:brightness(0) saturate(100%) invert(26%) sepia(47%) saturate(1605%) hue-rotate(242deg) brightness(94%) contrast(93%)}
.review-brand img[src$="atrix-transparent.png"]{height:43px}
.review-brand img[src$="bella.svg"]{filter:brightness(.52)}
.client-feedback .quote-grid blockquote,.client-feedback .quote-grid .quote-compact blockquote{font:29px/1.22 var(--serif);margin:0 0 26px;flex:1}
.client-feedback .quote-grid figcaption{border-color:#ab8c6a55;padding-top:17px}
.client-feedback .quote-grid figcaption>span,.client-feedback .quote-grid figure:nth-child(1) figcaption>span,.client-feedback .quote-grid .quote-compact figcaption>span{color:#6b523f;font-size:10px;line-height:1.7;margin:0}
.client-feedback .quote-grid .feedback-source{margin-top:12px;padding-top:7px;font-size:11px;border-color:#9f7c59}
/* A signature, aligned as the closing line of a personal note. */
.about-copy .about-signature{width:min(270px,70%);max-width:100%;margin:12px max(8px,calc(100% - 430px)) 25px auto;transform:rotate(-4deg);transform-origin:center;font:inherit}
.about-signature img{display:block;width:100%;height:auto}
/* Sparse cacao branches support the fruit. No foliage behind the copy. */
.process-grove{margin-top:86px}
.process-branches{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:visible}
.process-branch{position:absolute;display:block;object-fit:fill;opacity:.27;pointer-events:none}
.process-stage .cacao-fruit{transform:translateY(var(--fruit-shift,0px))}
.working-details .faqs{display:flex;flex-direction:column;gap:10px}
.working-details .faqs details{border:1px solid #c9b299;background:#efe4d5;padding:0 22px;transition:background .18s,border-color .18s}
.working-details .faqs details:hover{background:#e9dbc9;border-color:#a48463}
.working-details .faqs details[open]{background:#e6d5be;border-color:#a18161}
.working-details .faqs summary{min-height:76px;padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:22px;font:500 14px/1.5 var(--sans);color:#432c1f;cursor:pointer}
.working-details .faqs summary>span{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:1px solid #b99a79;border-radius:50%;font:19px/1 var(--sans);background:#f7efe5;color:#614027}
.working-details .faqs details[open] summary>span{background:#67442e;color:#fff3e4;border-color:#67442e}
.working-details .faqs details>p{font-size:12px;line-height:1.85;padding:0 44px 20px 0;color:#624a37;max-width:65ch}
.working-details .faqs summary:focus-visible{outline:2px solid #836041;outline-offset:5px}
.enquiry-form .form-row>label:only-child{grid-column:1/-1}
.contact-choice-note{font:11px/1.7 var(--sans);color:#755c48;margin:-8px 0 0}
@media(max-width:1000px){.client-feedback .quote-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-section .format-switch{gap:24px}.process-grove{margin-top:74px}}
@media(max-width:760px){
 .work-section .format-switch{gap:4px 22px;margin-bottom:22px}
 .work-section .format-switch button{font-size:24px;padding-bottom:12px}
 .work-section .photo-work-card .card-info h3{font-size:25px}
 .work-section .photo-open{font-size:9px}
 .brand-set{gap:34px;padding-right:34px}.brand-set .brand-logo{width:120px;flex-basis:120px;min-height:62px}.brand-set .brand-logo img{max-width:120px;height:40px}.brand-set .brand-round img{width:54px;height:54px}
 .client-feedback .quote-grid{grid-template-columns:1fr;gap:18px}
 .client-feedback .quote-grid figure,.client-feedback .quote-grid figure.quote-compact{padding:26px}
 .client-feedback .quote-grid blockquote,.client-feedback .quote-grid .quote-compact blockquote{font-size:29px;max-width:none}
 .review-brand{margin-bottom:24px}
 .about-copy .about-signature{width:230px;margin-top:14px}
 .process-grove{margin-top:52px}
 .working-section .process-list{row-gap:64px}
 .working-details .faqs details{padding:0 17px}
 .working-details .faqs summary{font-size:13px;min-height:72px;gap:14px}
 .working-details .faqs details>p{padding-right:0}
}
@media(prefers-reduced-motion:reduce){.brand-track{animation:none;transform:none;will-change:auto}.brand-marquee{overflow:auto;mask-image:none}.brand-set[aria-hidden=true]{display:none}.brand-motion{display:none}.working-details .faqs details{transition:none}}