:root{--site-paper:#f3eddf;--paper-wash:#f3eddf33;--paper-art:url('assets/parchment-light-optimized.webp');--parchment-surface:linear-gradient(var(--paper-wash),var(--paper-wash)),var(--paper-art)}
:root[data-paper=warm]{--site-paper:#d8bd91;--paper-wash:#d8bd9166;--paper-art:url('assets/parchment-warm-optimized.webp')}
body.beyond,.b-legendary,body:has(.case-nav){background-color:var(--site-paper);background-image:var(--parchment-surface);background-size:auto,1000px auto;background-repeat:repeat;color:#172423}
.b-legendary .b-nav,.b-legendary .b-growth,.b-legendary .b-growth-sticky,.b-legendary .b-growth-meaning,.b-legendary .b-work,.b-legendary .b-team,.b-legendary .b-testimonials,.b-legendary .b-insights,.case-nav{background-color:var(--site-paper);background-image:var(--parchment-surface);background-size:auto,1000px auto;background-repeat:repeat}
.library-case-notes .archive-case{background-color:var(--site-paper);background-image:linear-gradient(#fff8e930,#fff8e930),var(--paper-art);background-size:auto,1000px auto}
.library-case-notes .archive-company{background:#17242309}
.b-legendary .b-growth-meaning a,.b-legendary .b-sector-more{color:#172423}
.b-legendary .b-case-work-label,.archive-work-label,.archive-client{color:var(--brand-orange)}
.design-preview{position:fixed;bottom:14px;right:14px;z-index:200;display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#172423;color:#f3eddf;box-shadow:0 5px 22px #0002;border:1px solid #f3eddf40;padding:10px 13px;font:11px/1.4 'DM Sans',sans-serif;max-width:calc(100vw - 28px)}
.design-preview>span{text-transform:uppercase;letter-spacing:.1em;opacity:.6;margin-right:5px}.design-preview a{color:inherit;text-decoration:none;padding:5px 8px;border:1px solid transparent}.design-preview a[aria-current=true]{border-color:var(--brand-orange-light);color:var(--brand-orange-light)}.design-preview i{width:1px;height:18px;background:#f3eddf40;margin:0 3px}.design-preview a:focus-visible{outline:2px solid #f3eddf;outline-offset:2px}
.b-hero-hoard-art{position:absolute;width:83%;height:100%;right:0;top:0;object-fit:contain;object-position:right bottom;mix-blend-mode:multiply;pointer-events:none}
.b-growth-hoard .b-growth-art{top:var(--nav-h);bottom:8px;height:auto}
.b-legendary .b-growth-hoard .b-growth-end{opacity:1!important;left:7%;width:42%;max-width:520px;top:calc(var(--nav-h) + 80px);transform:none;font-size:clamp(42px,5.4vw,82px)}
.b-growth-hoard .b-growth-end h1{font:inherit;margin:0;letter-spacing:-.04em;line-height:1.03}
.b-growth-hoard .b-growth-end .b-hoard-deck{font:17px/1.55 Georgia,serif;max-width:310px;margin:24px 0 0;letter-spacing:0}
.b-legendary .b-growth[data-sequence=complete] .b-hero-skip{visibility:visible;pointer-events:auto}
@media(min-width:701px){.b-legendary .b-growth:not(.b-growth-hoard) .b-growth-end{left:calc(50% - 230px);width:360px;font-size:clamp(42px,5vw,66px)}}
@media(max-width:700px){.design-preview{left:10px;right:10px;bottom:8px;gap:3px;font-size:10px;padding:7px}.design-preview>span{display:none}.design-preview a{padding:5px 6px}.b-hero-hoard-art{width:110%;max-width:none;right:-10%;height:auto;bottom:0;top:auto}.b-legendary .b-growth-hoard{--hero-stage:calc(var(--nav-h) + 670px)}.b-legendary .b-growth-hoard .b-growth-end{left:6%;top:calc(var(--nav-h) + 35px);width:75%;font-size:43px}.b-growth-hoard .b-growth-end .b-hoard-deck{font-size:15px;max-width:250px;margin-top:15px}}

/* The art sits on the same light paper; soften only its outer paper margins. */
.b-hero-hoard-art{display:flex;align-items:flex-end;mix-blend-mode:normal;transform:translateY(var(--hoard-drift,0px));mask-image:linear-gradient(90deg,transparent,#000 9%);}
.b-hero-hoard-art .b-skin{height:auto;aspect-ratio:1.5;width:100%;mask-image:linear-gradient(0deg,transparent,#000 3%,#000 98%,transparent);}
.b-hero-hoard-art .b-skin img,.b-hero-hoard-art .b-skin canvas{aspect-ratio:1.5;object-fit:contain;}
body.paused .b-hero-hoard-art{transform:none}
@media(prefers-reduced-motion:reduce){.b-hero-hoard-art{transform:none}}

.b-legendary .b-growth-hoard .b-growth-end{width:47%;max-width:590px;font-size:clamp(40px,4.8vw,70px)}
@media(max-width:700px){.b-legendary .b-growth-hoard .b-growth-end{width:90%;font-size:37px}}
@media(min-width:701px){.b-hero-hoard-art{justify-content:flex-end}.b-hero-hoard-art .b-skin{height:100%;width:auto;max-width:100%;flex:none}.b-hero-hoard-art .b-skin img{height:100%;width:100%}}
@media(max-width:700px){.b-legendary .b-growth-hoard{--hero-stage:calc(var(--nav-h) + 570px)}.b-growth-hoard .b-hero-hoard-art{width:100%;right:0}}

/* Alternating chapters: paper work, sage client praise, paper founders, red insights. */
.b-legendary .b-testimonials{background:#d5ddd0;background-image:linear-gradient(#d5ddd0e8,#d5ddd0e8),url('assets/parchment-light-optimized.webp');background-size:auto,1000px auto;margin:90px -8.14% 0;padding:68px 5% 54px;border-top:1px solid #17242330;border-bottom:1px solid #17242330;color:#172423}
.b-legendary .b-herald{background-image:none;display:flex;justify-content:center;align-items:center}
.b-herald .b-skin{height:100%;width:auto;aspect-ratio:2/3;max-width:100%}
.b-legendary .b-insights{background:var(--brand-orange-deep);background-image:linear-gradient(#98472df2,#98472df2),url('assets/parchment-light-optimized.webp');background-size:auto,1000px auto;color:#fff4e3;border-top:1px solid var(--brand-orange-deep)}
.b-legendary .b-insights h2,.b-legendary .b-insights h2 em,.b-legendary .b-insights .b-insights-heading p,.b-legendary .b-insights .b-insights-heading>span,.b-legendary .b-insights>a{color:#fff4e3}
.b-legendary .b-insights .b-insight-card{background:#f4eddf;color:#172423;padding:0 0 25px;border:0}
.b-legendary .b-insights .b-insight-card>*:not(.b-insight-image){margin-left:24px;margin-right:24px}
.b-legendary .b-insights .b-insight-card a{color:#172423}
.b-legendary .b-insights .b-insights-all{color:#fff4e3;border-color:#fff4e370}
@media(max-width:700px){.b-legendary .b-testimonials{margin:60px -5.56% 0;padding:44px 5% 35px}}
/* Earthier client-praise chapter and matching brand typography. */
.b-legendary .b-testimonials{background-color:#69764b;background-image:linear-gradient(#69764bf5,#69764bf5),url('assets/parchment-light-optimized.webp');color:#fff5df}
.b-testimonials h2,.b-testimonials header>span,.b-testimonials .b-quote-slide{color:inherit}
.b-testimonials .b-quote-controls>.b-quote-prev,.b-testimonials .b-quote-controls>.b-quote-next{border-color:#fff5df70}
.b-nav .b-brand-tagline,.case-nav .b-brand-tagline{font-family:'DM Serif Display',Georgia,serif!important;font-style:italic!important;font-weight:400!important;letter-spacing:0!important}
.b-coil-media{mix-blend-mode:darken}
@media(min-width:701px){.b-hero-coil{left:calc(50% + 36px)}}
.b-growth:not(.b-growth-hoard) .b-growth-art{mix-blend-mode:darken}
:root{--section-oatmeal:#e8dfce}
.b-proof-showcase .b-showcase-card{background:var(--section-oatmeal);background-image:none}
/* Midtone sampled from the green leaves in hero-coil-media.png. */
:root{--hoard-leaf-green:#506028}
.b-legendary .b-testimonials{background:var(--hoard-leaf-green)}

.b-legendary .b-herald{mix-blend-mode:normal;position:relative;--note-direction:-1}
.b-legendary .b-herald-right{--note-direction:1}
/* Notes rise continuously from the horns, independently of scroll position. */
.b-herald-notes{position:absolute;left:5%;top:4%;color:#f1cc72;font:34px/1 Georgia,serif;pointer-events:none;--note-rise:108px;--note-drift:24px}
.b-herald-right .b-herald-notes{left:auto;right:5%}
.b-herald-notes i{position:absolute;font-style:normal;opacity:0;transform-origin:center;animation:herald-note-float 3.9s linear infinite;animation-delay:calc(var(--i)*-1.3s);animation-play-state:paused}
.b-herald-right .b-herald-notes i{animation-delay:calc(var(--i)*-1.3s - .65s)}
.b-testimonials[data-notes-active="true"] .b-herald-notes i{animation-play-state:running}
@keyframes herald-note-float{
 0%{opacity:0;transform:translate(0,0) rotate(calc(var(--note-direction)*-12deg)) scale(.75)}
 12%{opacity:1}
 30%{transform:translate(calc(var(--note-direction)*var(--note-drift)*.65),calc(var(--note-rise)*-.3)) rotate(calc(var(--note-direction)*14deg)) scale(1)}
 56%{transform:translate(calc(var(--note-direction)*var(--note-drift)*.2),calc(var(--note-rise)*-.56)) rotate(calc(var(--note-direction)*-10deg)) scale(1.08)}
 78%{opacity:1;transform:translate(calc(var(--note-direction)*var(--note-drift)*.85),calc(var(--note-rise)*-.78)) rotate(calc(var(--note-direction)*12deg)) scale(1.12)}
 100%{opacity:0;transform:translate(calc(var(--note-direction)*var(--note-drift)),calc(var(--note-rise)*-1)) rotate(calc(var(--note-direction)*-6deg)) scale(1.15)}
}
@media(max-width:700px){.b-herald-notes{font-size:23px;--note-rise:58px;--note-drift:14px}}
@media(prefers-reduced-motion:reduce){.b-herald-notes{display:none}.b-herald-notes i{animation:none}}
body.paused .b-herald-notes{display:none}
body.paused .b-herald-notes i{animation-play-state:paused}

/* Harmonize the herald and editorial inks with the dragon wing terracotta. */
.b-herald .b-skin,.b-insight-image .b-insight-art{filter:url(#wing-ink)}
.b-insight-image .b-insight-art{mix-blend-mode:darken}

/* Balance illustration spacing and keep the footer boundary solid. */
.b-legendary .b-insights .b-insight-card{padding-top:18px}
.b-legendary .b-insights .b-insight-image{margin-bottom:8px}
.b-legendary .b-footer{margin-top:0}
.b-legendary .b-footer::before{content:none;display:none}