/* Shared typography and layered surfaces across all Matizmo pages. */
:root{
 --title-page:clamp(2.5rem,5vw,4.5rem);
 --title-section:clamp(2rem,4vw,3.5rem);
 --title-card:clamp(1.4rem,2vw,1.625rem);
 --title-content:clamp(1.5rem,2.5vw,1.875rem);
 --radius-panel:24px;--radius-inner:16px;
 --surface-edge:rgba(197,199,184,.56);
 --surface-glass:linear-gradient(135deg,#ffffffeb,#ffffff87 55%,#ffffffbe);
 --surface-shadow:inset 0 1px 0 #fff,inset 1px 0 0 #ffffffd9,inset 0 -1px 0 #ffffffb3,0 2px 3px #36382704,0 12px 30px #3638270a;
 --button-shadow:inset 0 1px 1px #fff,inset 0 -2px 3px #b4bba221,0 3px 0 #ffffffa6,0 4px 0 #cfd3c454,0 7px 16px #3638270c;
}
body{background:#fcfcf9}
h1,h2,h3{font-family:var(--display);text-wrap:balance;overflow-wrap:break-word}
.hero h1{font-size:clamp(2.7rem,7.2vw,6.75rem);font-weight:700;line-height:1.08;letter-spacing:-.055em;max-width:1100px}
.article h1,.perspective-index h1{font-size:var(--title-page);font-weight:700;line-height:1.13;letter-spacing:-.045em;max-width:23ch;margin:28px 0}
.section-head h2,.project-showcase .section-head h2,.contact h2{font-size:var(--title-section);font-weight:700;line-height:1.15;letter-spacing:-.04em;margin:0;max-width:25ch}
.contact h2{margin-bottom:28px}
.service h3,.project-copy h3,.insight h3,.related-grid h3,.studio-copy h3{font-size:var(--title-card);font-weight:700;line-height:1.3;letter-spacing:-.025em;margin:16px 0}
.project-copy h3,.studio-copy h3{margin-top:0}
.article h2,.start h3,.article .end-cta h2,.related h2{font-size:var(--title-content);font-weight:700;line-height:1.28;letter-spacing:-.025em;margin:40px 0 16px}
.start h3,.article .end-cta h2{margin:0 0 16px}
.eyebrow,.clients .eyebrow,.project-copy .eyebrow,.article-takeaways .eyebrow{font:600 .8125rem/1.5 var(--font);letter-spacing:.08em;text-transform:uppercase}
.section-head .eyebrow{padding-top:6px}.number,.project-copy .project-tags{font-size:.875rem;line-height:1.55}
.section-head{gap:40px;margin-bottom:44px}.section{padding-block:88px}
.intro-copy,.article .lead{font-size:1.25rem;line-height:1.65;letter-spacing:-.01em;color:#62665b}
.article p,.article li{font-size:1.125rem;line-height:1.8}.article .meta{font-size:.875rem;line-height:1.6}
.article{max-width:850px;padding-block:72px}.article-meta{margin-top:28px}
.quote-slide blockquote{font-size:clamp(1.625rem,3vw,2.625rem);font-weight:700;line-height:1.35;letter-spacing:-.03em}
.quote-slide cite{font:600 .9375rem/1.65 var(--font);letter-spacing:0;margin-top:24px}.quote-slide cite span{font-weight:400}
/* Panels have a translucent face, a fine inner rim and a soft raised edge. */
.service,.project-card,.insight,.archive-grid>.perspective-card,.quote-grid,.start,.article .end-cta,.article-takeaways,.project-detail-art,.editorial-cover{
 position:relative;isolation:isolate;border:1px solid var(--surface-edge);border-radius:var(--radius-panel);box-shadow:var(--surface-shadow);backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%);
}
.service:before,.project-card:before,.insight:before,.quote-grid:before,.start:before,.article .end-cta:before,.article-takeaways:before{
 content:'';position:absolute;inset:6px;border-radius:18px;border:1px solid #ffffffb3;border-right-color:#ffffff40;border-bottom-color:#ffffff40;pointer-events:none;z-index:-1;
}
.project-card,.insight,.archive-grid>.perspective-card,.archive-grid>.perspective-card:nth-child(n+4){background:var(--surface-glass)}
.services,.insight-grid{gap:28px}.service{padding:30px}.service h3{margin-top:18px}.service .deliverables{font-size:.9375rem}.service .text-link{margin-top:24px}
.project-card{overflow:hidden}.project-picture{margin:10px 10px 0;border:1px solid #ffffffa6;border-radius:var(--radius-inner);height:190px;overflow:hidden}.project-copy{padding:24px}.project-copy .eyebrow{font-size:.8125rem;margin-bottom:12px}.project-copy .project-tags{margin-bottom:22px}
.insight,.archive-grid>.perspective-card{padding:24px}.insight-picture,.archive-grid .insight-picture{margin:-14px -14px 24px;border-radius:var(--radius-inner);border:1px solid #ffffffbf;overflow:hidden}.insight h3{margin-top:16px}.insight p{line-height:1.65;color:#62665b}
.related-grid{gap:24px}.related-grid .insight{padding:24px}.related-grid .number{font-size:.875rem}
.start,.article .end-cta,.article-takeaways{background:linear-gradient(130deg,#ffffffde,#edf1e4ad);padding:32px}.start{padding:44px}.article-takeaways{margin-block:32px}.article-takeaways ul{padding-left:20px}.article-takeaways li{font-size:1rem}
.quote-grid{padding:44px;gap:40px}.quote-section{padding-block:64px}.testimonials.is-carousel .quote-slide{min-height:330px}.quote-controls{padding-top:28px}
.editorial-cover,.project-detail-art{padding:10px;background:var(--surface-glass);margin-block:32px}.editorial-cover img,.project-detail-art img{border-radius:var(--radius-inner)}
header{background:#ffffffdb;border-bottom:1px solid #fff;box-shadow:0 1px 0 #d9ddce75,0 5px 22px #28272705;backdrop-filter:blur(22px)}
/* One glass control treatment; navigation and reading links remain easy to scan. */
.pill,.hero .pill,.nav-cta,.service .text-link,.project-copy .text-link,.end-cta .text-link,.insight .text-link,.menu,.project-controls button,.quote-controls button,.perspective-filters button{
 color:#282727;border:1px solid #d4d9c996;border-top-color:#fff;border-radius:999px;background:linear-gradient(145deg,#fffffff2,#ffffffa3 58%,#f0f3e9a6);box-shadow:var(--button-shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);font-family:var(--font);font-size:.9375rem;font-weight:600;line-height:1.4;min-height:48px;transition:background .2s,box-shadow .2s,transform .2s;
}
.pill,.hero .pill,.nav-cta,.service .text-link,.project-copy .text-link,.end-cta .text-link,.insight .text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:13px 20px;text-align:left;text-decoration:none}
.service .text-link,.project-copy .text-link,.insight .text-link{align-self:stretch;width:100%}.insight .text-link{margin-top:auto}
.pill:hover,.hero .pill:hover,.nav-cta:hover,.service .text-link:hover,.project-copy .text-link:hover,.end-cta .text-link:hover,.insight:hover .text-link,.project-controls button:hover:not(:disabled),.quote-controls button:hover,.perspective-filters button:hover{background:linear-gradient(145deg,#fff,#ffffffe6);box-shadow:inset 0 1px 0 #fff,0 3px 0 #ffffffc9,0 4px 0 #c7cdbb66,0 10px 22px #36382716;color:#282727;transform:translateY(-1px)}
.nav-cta{min-height:44px;padding:10px 16px;font-size:.875rem;gap:14px}.cta-arrow,.insight .text-link .cta-arrow{width:24px;height:24px;margin-left:auto;flex:none}.project-controls button{width:48px;height:48px;padding:0;font-size:1.5rem}.quote-controls button[data-quote-prev],.quote-controls button[data-quote-next]{font-size:1.375rem;min-width:48px;padding:8px 14px}.quote-controls button{padding:10px 16px}.perspective-filters button{padding:11px 18px}.perspective-filters [aria-pressed=true]{background:linear-gradient(145deg,#34382b,#20251b);color:#fff;border-color:#363f2a;box-shadow:inset 0 1px 0 #74825b80,0 3px 0 #d8dece,0 7px 16px #36382714}.project-controls button:disabled{opacity:.4;box-shadow:none}
:focus-visible{outline:2px solid #b84b06;outline-offset:5px}
@media(max-width:1000px){.quote-grid{padding:32px;gap:28px}.service{padding:24px}.services,.insight-grid{gap:20px}.section-head{gap:28px}.start{padding:32px}.testimonials.is-carousel .quote-slide{min-height:380px}}
@media(max-width:700px){.section{padding-block:60px}.article{padding-block:48px}.section-head{margin-bottom:32px}.section-head h2,.project-showcase .section-head h2,.contact h2{font-size:var(--title-section)}.article h1,.perspective-index h1{margin-block:24px}.intro-copy,.article .lead{font-size:1.125rem}.article p,.article li{font-size:1.0625rem}.service,.insight,.archive-grid>.perspective-card,.related-grid .insight{padding:24px}.services,.insight-grid{gap:24px}.quote-grid{padding:28px 24px}.testimonials.is-carousel .quote-slide{min-height:340px}.quote-controls{gap:8px}.quote-controls button{padding:10px 13px;font-size:.875rem}.start,.article .end-cta,.article-takeaways{padding:26px}.project-copy{padding:24px}.project-picture{height:170px}.pill{max-width:100%;white-space:normal}.nav-cta{min-height:44px}.quote-section{padding-block:48px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}.pill:hover,.insight:hover .text-link{transform:none}}
@media(prefers-contrast:more){.service,.project-card,.insight,.quote-grid,.start,.article .end-cta,.article-takeaways{background:#fff;border-color:#73786a}.pill,.hero .pill,.nav-cta,.service .text-link,.project-copy .text-link,.insight .text-link,.end-cta .text-link,.project-controls button,.quote-controls button,.perspective-filters button{background:#fff;color:#20211f;border-color:#20211f}.perspective-filters [aria-pressed=true]{background:#20211f;color:#fff}}

/* A slow highlight passes over the orange lettering, then rests. */
.hero h1 em{background-image:linear-gradient(110deg,#ec6608 0%,#ec6608 42%,#f59a56 46%,#ffe0bb 49%,#fbc18d 51%,#ec6608 56%,#ec6608 100%);background-size:300% 100%;background-position:100% 50%;-webkit-background-clip:text;background-clip:text;animation:headline-light 9s ease-in-out infinite;filter:none;text-shadow:none}
@keyframes headline-light{0%,12%{background-position:100% 50%}55%,100%{background-position:0% 50%}}
@media(prefers-reduced-motion:reduce){.hero h1 em{animation:none;background:none;-webkit-text-fill-color:#ec6608;color:#ec6608}.cta-arrow{transition:none}.pill:hover .cta-arrow,.project-copy .text-link:hover .cta-arrow,.insight:hover .cta-arrow{transform:none}}
@media(prefers-contrast:more){.hero h1 em{animation:none;background:none;-webkit-text-fill-color:#b84800;color:#b84800}.pill,.hero .pill,.nav-cta,.end-cta .text-link,.menu,.project-controls button,.quote-controls button,.perspective-filters button{background:#fff;color:#20211f;border-color:#20211f}.perspective-filters [aria-pressed=true]{background:#20211f;color:#fff}}

/* Keep the glass surfaces clean, without a second inset frame. */
.service:before,.project-card:before,.insight:before,.quote-grid:before,.start:before,.article .end-cta:before,.article-takeaways:before{display:none;content:none}

/* Simple frosted buttons: a single surface, with no stacked edge. */
.pill,.hero .pill,.nav-cta,.service .text-link,.project-copy .text-link,.end-cta .text-link,.insight .text-link,.menu,.project-controls button,.quote-controls button,.perspective-filters button{
 background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.9);border-radius:999px;box-shadow:0 3px 12px rgba(40,39,39,.07);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#282727;transform:none;
}
.pill:hover,.hero .pill:hover,.nav-cta:hover,.service .text-link:hover,.project-copy .text-link:hover,.end-cta .text-link:hover,.insight:hover .text-link,.project-controls button:hover:not(:disabled),.quote-controls button:hover,.perspective-filters button:hover{
 background:rgba(255,255,255,.8);border-color:rgba(255,255,255,.95);box-shadow:0 4px 14px rgba(40,39,39,.09);color:#282727;transform:none;
}
.pill:before,.pill:after,.nav-cta:before,.nav-cta:after,.text-link:before,.text-link:after,.project-controls button:before,.project-controls button:after,.quote-controls button:before,.quote-controls button:after{content:none;display:none}
.perspective-filters [aria-pressed=true],.perspective-filters [aria-pressed=true]:hover{background:rgba(40,45,34,.92);color:#fff;border-color:rgba(40,45,34,.92);box-shadow:0 3px 12px rgba(40,39,39,.07)}
.project-controls button:disabled{box-shadow:none;opacity:.4}
@media(prefers-contrast:more){.pill,.hero .pill,.nav-cta,.service .text-link,.project-copy .text-link,.end-cta .text-link,.insight .text-link,.menu,.project-controls button,.quote-controls button,.perspective-filters button{background:white;border-color:#282727;box-shadow:none}.perspective-filters [aria-pressed=true]{background:#282727;color:white}}

/* Silent frosted-glass motion behind the homepage copy. */
.hero{isolation:isolate;background:#f5f3e8 url('/assets/hero-ribbons-poster.webp') center/cover no-repeat}
.hero-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}
.hero:before{z-index:1;background:linear-gradient(90deg,#ffffff35,transparent 70%);box-shadow:inset 0 1px 0 #ffffffb3;border-bottom:1px solid #ffffffa6}
.hero>.wrap{z-index:2}
@media(prefers-reduced-motion:reduce){.hero-film{display:none!important}}

.motion-picker{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:32px}.motion-picker[hidden]{display:none}.motion-picker>span{font:500 .8rem/1.4 var(--font);margin-right:10px;color:#4b493f}.motion-picker button{font:500 .85rem/1.3 var(--font);padding:10px 16px;border:1px solid #ffffffd9;border-radius:24px;background:#ffffff70;backdrop-filter:blur(16px);color:#292922;cursor:pointer;box-shadow:0 3px 12px #29292209}.motion-picker button[aria-pressed=true]{background:#ffffffdf;border-color:#ec6608;color:#9d3e00}.motion-picker button:focus-visible{outline:2px solid #ec6608;outline-offset:3px}@media(max-width:600px){.motion-picker>span{flex-basis:100%}.motion-picker{gap:6px}.motion-picker button{padding:10px 12px}}

/* A browsable project collection, with one responsive grid. */
.work-confidential{max-width:650px;color:var(--muted);margin-bottom:24px}.work-tools{display:flex;flex-direction:column;gap:20px;margin:26px 0}.work-tools[hidden]{display:none}.work-filters{display:flex;flex-wrap:wrap;gap:8px}.work-filters button{padding:11px 16px;border:1px solid #fff;border-radius:30px;background:#ffffff85;backdrop-filter:blur(16px);font:500 .9rem/1.2 var(--font);color:#35352d;cursor:pointer;box-shadow:0 3px 12px #29292208}.work-filters button span{margin-left:6px;opacity:.6;font-size:.8rem}.work-filters button[aria-pressed=true]{background:#fff1e7;border-color:#ec6608;color:#9d3e00}.work-search{display:flex;align-items:center;gap:16px;font-size:.85rem;color:#545449}.work-search input{width:min(100%,380px);padding:13px 18px;border:1px solid #d9ddce;border-radius:14px;background:#ffffffa6;font:400 1rem/1.4 var(--font);color:#292922}.work-count{font-size:.85rem;color:#626457;margin:18px 0}.work-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.work-gallery .project-card{width:auto;min-width:0;max-width:none;margin:0;border:1px solid #fff;border-radius:24px;background:#ffffff94;backdrop-filter:blur(18px);box-shadow:0 8px 28px #2d372309;overflow:hidden;transition:transform .25s,box-shadow .25s}.work-gallery .project-card[hidden]{display:none}.work-gallery .project-gallery-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.work-gallery .project-picture{height:160px;min-height:0}.work-gallery .project-picture img{width:100%;height:100%;object-fit:cover}.work-gallery .project-copy{display:flex;flex-direction:column;flex:1;padding:24px;gap:12px}.work-gallery .project-copy .eyebrow{font-size:.7rem;line-height:1.5;margin:0;letter-spacing:.06em}.work-gallery .project-copy h3{font:700 clamp(1.2rem,1.8vw,1.55rem)/1.2 var(--display);letter-spacing:-.035em;margin:0}.work-gallery .project-copy>p:not(.eyebrow){font-size:.95rem;line-height:1.6;margin:0}.work-gallery .project-tags{margin-top:auto;align-self:flex-start;white-space:normal;font-size:.75rem}.work-gallery .text-link{font-size:.9rem;margin-top:8px}.work-gallery .project-card:hover{transform:translateY(-5px);box-shadow:0 15px 32px #2d372311}.project-gallery-link:focus-visible,.work-filters button:focus-visible,.work-search input:focus-visible{outline:3px solid #ec6608;outline-offset:3px}.work-more{display:flex;margin:30px auto 0;cursor:pointer}.work-more[hidden],.work-empty[hidden]{display:none}.work-empty{padding:30px;border-radius:20px;background:#ffffff85}.project-story-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px}.project-story-nav a{padding:22px;background:#ffffffa6;border:1px solid white;border-radius:20px;color:inherit;text-decoration:none}.project-story-nav span{display:block;font-size:.8rem;color:var(--muted);margin-bottom:10px}.project-story-nav strong{font-family:var(--display);line-height:1.35;display:block}@media(max-width:1000px){.work-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.work-gallery{grid-template-columns:1fr;gap:18px}.work-search{align-items:flex-start;flex-direction:column;gap:8px}.work-search input{width:100%}.project-story-nav{grid-template-columns:1fr}.work-gallery .project-picture{height:145px}}@media(prefers-reduced-motion:reduce){.work-gallery .project-card{transition:none}.work-gallery .project-card:hover{transform:none}}

/* Compact homepage project snapshots; full stories live on project pages. */
.work-gallery{gap:16px}.work-gallery .project-snapshot{border-radius:20px}.work-gallery .project-snapshot .project-gallery-link{padding:22px;gap:12px;min-height:185px}.snapshot-type{font:600 .75rem/1.4 var(--font);letter-spacing:.065em;text-transform:uppercase;color:#797667;margin:0}.work-gallery .project-snapshot h3{font:700 clamp(1.1rem,1.6vw,1.3rem)/1.25 var(--display);letter-spacing:-.03em;margin:0;max-width:28ch}.snapshot-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;padding-top:6px}.snapshot-footer>span:first-child{font-size:.8rem;line-height:1.4;color:#696a5d}.snapshot-arrow{display:flex;color:#b24a09;flex-shrink:0}.snapshot-arrow .cta-arrow{width:22px;height:22px}.work-gallery .project-snapshot:nth-child(3n+1){background:linear-gradient(135deg,#fff7efba,#ffffffb0)}.work-gallery .project-snapshot:nth-child(3n+2){background:linear-gradient(135deg,#f2f5e8bd,#ffffffb0)}.work-gallery .project-snapshot:nth-child(3n){background:linear-gradient(135deg,#f8f3efbd,#ffffffb0)}@media(max-width:620px){.work-gallery .project-snapshot .project-gallery-link{min-height:150px;padding:20px}.work-gallery{gap:12px}}

/* Colour behind the frosted project snapshots. */
.project-showcase{background:radial-gradient(ellipse at 5% 15%,#ffb77e99,transparent 58%),radial-gradient(ellipse at 95% 30%,#c4db819e,transparent 58%),radial-gradient(ellipse at 48% 100%,#f4b3a68c,transparent 65%),#faf6ed;border-top:1px solid #ffffffb3;border-bottom:1px solid #ffffffb3}
.work-gallery .project-snapshot:nth-child(n){background:linear-gradient(135deg,#ffffffa6,#ffffff70);border-color:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 6px 22px #46392309}
.project-snapshot .snapshot-type{color:#575447}.project-snapshot .snapshot-footer>span:first-child{color:#565346}.project-snapshot .snapshot-arrow{color:#91410b}

/* Glanceable examples of the work, without detail-page affordances. */
.work-gallery .project-highlight .highlight-copy{display:flex;flex-direction:column;gap:12px;padding:22px;height:100%}.work-gallery .project-highlight h3{font:700 clamp(1.05rem,1.5vw,1.25rem)/1.25 var(--display);letter-spacing:-.025em;margin:0}.highlight-summary{font-size:1rem;line-height:1.5;color:#45463c;margin:0}.highlight-client{font-size:.8125rem;line-height:1.4;color:#666354;margin:0;padding-top:6px;margin-top:auto}.work-gallery .project-highlight:hover{transform:none;box-shadow:0 6px 22px #46392309;cursor:default}.project-highlight:focus{outline:none}.project-highlight:focus-visible{outline:2px solid #b45e24;outline-offset:3px}

/* One continuous, draggable ribbon of project highlights. */
.work-gallery.project-flow{display:flex;gap:22px;position:relative;overflow-x:auto;overflow-y:hidden;padding:32px 12px 38px;perspective:1100px;scrollbar-width:thin;scrollbar-color:#9b97794d transparent;cursor:grab;touch-action:pan-x pan-y;mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent)}.project-flow .project-highlight{flex:0 0 300px;min-width:300px;overflow:visible;align-self:center;transform:rotateY(-7deg) rotateZ(-1deg);transform-origin:center;box-shadow:10px 16px 28px #4d52371a!important;transition:transform .4s,background .4s}.project-flow .project-highlight:nth-child(3n+2){transform:translateY(-12px) rotateY(6deg) rotateZ(1.2deg)}.project-flow .project-highlight:nth-child(3n){transform:translateY(9px) rotateY(-4deg) rotateZ(-.8deg)}.project-flow .project-highlight .highlight-copy{min-height:218px;padding:24px}.project-flow .project-highlight:hover{transform:translateY(-5px) rotateY(0) rotateZ(0);background:#ffffffc4;cursor:grab}.project-flow.is-dragging,.project-flow.is-dragging *{cursor:grabbing!important;user-select:none}.project-flow:focus-visible{outline:2px solid #9b612e;outline-offset:6px;border-radius:16px}.work-flow-hint{text-align:center;font-size:.8125rem;color:#625f4f;margin-top:14px}@media(max-width:620px){.project-flow .project-highlight{flex-basis:270px;min-width:270px}.project-flow .project-highlight .highlight-copy{min-height:212px;padding:22px}}@media(prefers-reduced-motion:reduce){.project-flow .project-highlight:nth-child(n),.project-flow .project-highlight:hover{transform:none;transition:none}}

/* Continuous slow drift and independent, softly staggered buoyancy. */
.project-flow,.project-flow *{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.project-flow .project-highlight:nth-child(n){animation:highlight-buoyancy var(--float-duration,10s) ease-in-out var(--float-delay,0s) infinite;will-change:transform}.project-flow .project-highlight:hover{cursor:grab}.project-flow.is-dragging .project-highlight{animation-play-state:paused}@keyframes highlight-buoyancy{0%,100%{transform:translateY(7px) rotateY(-4deg) rotateZ(var(--float-angle,0deg))}50%{transform:translateY(-10px) rotateY(4deg) rotateZ(calc(var(--float-angle,0deg) + .65deg))}}@media(prefers-reduced-motion:reduce){.project-flow .project-highlight:nth-child(n){animation:none;transform:none;will-change:auto}}
.work-confidential.work-confidential-footnote{font-size:.75rem;line-height:1.5;text-align:center;max-width:none;margin:8px 0 0;color:#696557}

/* Small colour-coded activity labels, not filter controls. */
.highlight-activities{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 2px;padding:0}.activity-tag{display:inline-block;border-radius:999px;padding:5px 9px;border:1px solid #ffffffb3;font:600 .75rem/1.2 var(--font);color:#565342;background:#ece9df}.activity-video{background:#dfd7f5;color:#514071}.activity-event{background:#ffd3ae;color:#7d3e14}.activity-social{background:#d9e99d;color:#42551b}.activity-campaign{background:#f8d8cb;color:#853f2b}.activity-email{background:#f8e6ac;color:#705412}.activity-display{background:#cce7e8;color:#2b6063}.activity-localisation{background:#d1dfed;color:#395b78}.activity-web{background:#cee4d6;color:#315d42}.activity-affiliate{background:#eadbc1;color:#6a5129}.activity-design,.activity-design-system{background:#dfd5f1;color:#5b4278}.activity-figma{background:#f3c9db;color:#7b3554}

/* Five points: the shared Perspectives editorial signature. */
.five-badge{display:inline-flex;align-items:center;gap:9px;align-self:flex-start;font:700 .8125rem/1.4 var(--font);letter-spacing:.015em;color:#943b05;background:#fff0e5b3;border:1px solid #ec660825;border-radius:100px;padding:7px 11px;white-space:nowrap}
.five-mark{display:grid;grid-template-columns:repeat(2,4px);gap:3px}.five-mark i{width:4px;height:4px;border-radius:50%;background:#ec6608}
.perspective-card .number{margin-top:12px;font-size:.8125rem;color:#64685e}.perspective-card h3{margin:10px 0 12px}.perspective-card p{font-size:1rem;line-height:1.55;margin-bottom:18px}.perspective-card .read-points{display:flex;align-items:center;gap:12px;margin-top:auto;font-size:.875rem;font-weight:700;padding-top:12px;border-top:1px solid #dadfce80;color:#363a30}.read-points .cta-arrow{width:20px;height:20px}.perspective-card:focus-visible{outline-offset:4px}
.five-points-home{padding-block:64px}.five-points-home .section-head{margin-bottom:30px}.five-points-home .insight-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.five-points-home .perspective-card{padding:18px;border-radius:20px}.five-points-home .insight-picture{margin:-8px -8px 16px}.five-points-home .insight-picture img{aspect-ratio:3/2;object-fit:contain}.five-points-home .perspective-card h3{font-size:1.25rem;line-height:1.3;letter-spacing:-.025em}.five-points-home .all-perspectives{margin-top:26px}
.article-series{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:28px}.article-series .meta{color:#64685e}.five-point-article .editorial-cover img{aspect-ratio:3/2;object-fit:contain}.five-point-article .five-point-list{list-style:none;padding:0;margin:40px 0}.five-point-list>li{margin:0;padding:0}.five-point-list section{display:grid;grid-template-columns:60px minmax(0,1fr);gap:20px;padding:28px 0;border-top:1px solid #dce0d3;scroll-margin-top:100px}.five-point-list .point-number{font-family:var(--display);font-size:2rem;font-weight:700;line-height:1.3;letter-spacing:-.04em;color:#b84b06}.five-point-article .five-point-list h2{margin:0 0 12px;font-size:clamp(1.375rem,2.4vw,1.75rem)}.five-point-article .five-point-list p{margin:0}.five-takeaway{border-left:3px solid #ec6608;padding:4px 0 4px 24px;margin:16px 0 40px}.five-takeaway .eyebrow{margin:0 0 8px;font-size:.8125rem;color:#943b05}.five-takeaway p:last-child{margin:0;font-size:1.25rem;line-height:1.5;font-weight:600}.five-point-article .end-cta h2{margin-top:0}.five-point-article .related-grid h3{font-size:1.25rem}.perspective-index .insight-picture img{aspect-ratio:3/2;object-fit:contain}
@media(max-width:1000px) and (min-width:701px){.five-points-home .insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.five-points-home{padding-block:48px}.five-points-home .insight-grid{grid-template-columns:minmax(0,1fr);gap:18px}.five-points-home .perspective-card{padding:18px}.five-point-list section{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:24px 0}.five-point-list .point-number{font-size:1.625rem}.five-point-article .editorial-cover img{aspect-ratio:3/2}.five-takeaway{padding-left:18px}.article-series{gap:10px}}

/* The whole Perspective card is the reading link. */
.perspective-card>p:last-child{margin-bottom:0}

/* Perspective interactions move the whole card, with stationary artwork. */
.perspective-card{transition:transform .24s cubic-bezier(.2,.7,.3,1),box-shadow .24s ease}
.perspective-card .insight-picture img{transform:none;transition:none}
@media(hover:hover) and (pointer:fine){.perspective-card:hover{transform:translate(4px,-4px);box-shadow:var(--surface-shadow),-4px 8px 20px #36382712}.perspective-card:active{transform:translate(1px,-1px)}}
.perspective-card:focus-visible{transform:translate(4px,-4px)}
@media(prefers-reduced-motion:reduce){.perspective-card,.perspective-card:hover,.perspective-card:active,.perspective-card:focus-visible{transform:none;transition:none}}

/* Five Points uses a five-pointed star as its editorial mark. */
.five-star{width:16px;height:16px;flex:none;fill:#ec6608;stroke:#ec6608;stroke-width:.7;stroke-linejoin:round}
.newsletter-panel{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr);gap:20px 32px;align-items:center;margin-top:40px;padding:32px;border:1px solid #ec66082b;border-radius:24px;background:linear-gradient(120deg,#fff4e9e8,#ffffffb8 52%,#edf3dde0);box-shadow:var(--surface-shadow)}
.newsletter-panel>.five-badge{grid-column:1/-1}.newsletter-panel h2,.article .newsletter-panel h2{font-size:clamp(1.65rem,3vw,2.3rem);line-height:1.2;letter-spacing:-.035em;margin:0 0 14px}.newsletter-panel p,.article .newsletter-panel p{font-size:1rem;line-height:1.6;margin:0;color:#62665b}.newsletter-action .pill{width:100%}.newsletter-panel .newsletter-note,.article .newsletter-panel .newsletter-note{font-size:.8125rem;line-height:1.5;margin-top:12px}
@media(max-width:700px){.newsletter-panel{grid-template-columns:minmax(0,1fr);padding:24px;gap:18px}}

.newsletter-form>label:first-child{display:block;font-size:.875rem;font-weight:600;margin-bottom:8px}
.newsletter-form input[type=email]{box-sizing:border-box;width:100%;padding:14px 16px;border:1px solid #ffffffbf;border-radius:12px;background:#ffffff99;color:inherit;font:inherit;box-shadow:0 4px 20px #15291d08;margin-bottom:14px}
.newsletter-consent{display:flex;align-items:flex-start;gap:9px;font-size:.8125rem;line-height:1.5;margin-bottom:16px}
.newsletter-consent input{margin-top:4px;accent-color:#ec6608}
.newsletter-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.newsletter-form button{font:inherit;cursor:pointer}.newsletter-form button:disabled{opacity:.6;cursor:wait}
.newsletter-form :focus-visible{outline:2px solid #ec6608;outline-offset:3px}

/* Let native touch momentum finish before automatic movement resumes. */
.project-flow{scroll-behavior:auto;overflow-anchor:none}
.project-flow.is-touching .project-highlight{animation-play-state:paused}
@media(hover:none) and (pointer:coarse){
 .work-gallery.project-flow{perspective:none}
 .project-flow .project-highlight{backdrop-filter:none;-webkit-backdrop-filter:none;background:#ffffffd9}
 .project-flow .project-highlight:nth-child(n){animation-name:highlight-buoyancy-touch}
 @keyframes highlight-buoyancy-touch{0%,100%{transform:translateY(7px)}50%{transform:translateY(-10px)}}
}

/* Keep decoded video layers available for a continuous background switch. */
.hero-film{transition:opacity .4s ease;will-change:opacity}

/* Project enquiry form. */
.enquiry-form{margin-top:36px;padding:32px;border:1px solid #ffffffeb;border-radius:24px;background:#ffffffad;box-shadow:0 8px 28px #2d372309;max-width:940px;text-align:left}
.enquiry-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.enquiry-field{display:flex;flex-direction:column;gap:8px;min-width:0}.enquiry-wide{grid-column:1/-1}
.enquiry-field label{font-size:.9375rem;font-weight:600;color:#282727}.enquiry-field label span{font-weight:400;color:#62665b}
.enquiry-field input,.enquiry-field textarea{box-sizing:border-box;width:100%;padding:14px 16px;border:1px solid #b8c0b1;border-radius:12px;background:#ffffffdb;font:400 1rem/1.5 var(--font);color:#20211f}.enquiry-field textarea{resize:vertical;min-height:150px}
.enquiry-field :focus-visible{outline:2px solid #ad4500;outline-offset:3px}.enquiry-field input::placeholder,.enquiry-field textarea::placeholder{color:#6a7065;opacity:1}
.enquiry-submit{display:flex;gap:24px;align-items:center;margin-top:24px}.enquiry-submit .pill{cursor:pointer;flex-shrink:0;font:600 1rem/1.4 var(--font)}
.contact .enquiry-submit p,.contact .enquiry-note{font-size:.8125rem;line-height:1.5;color:#62665b;margin:0}.contact .enquiry-note{margin-top:18px}
.enquiry-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
@media(max-width:650px){.enquiry-form{padding:22px}.enquiry-grid{grid-template-columns:1fr;gap:18px}.enquiry-submit{align-items:stretch;flex-direction:column;gap:16px}}