.cases-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.case-card{display:flex;flex-direction:column;position:relative;padding:32px;text-decoration:none;background:#f5f5f3;border:1px solid #e5e5df;transition:border-color .2s,background .2s}.case-card:hover{border-color:#e4ac45;background:#faf8f1}.case-number{font-size:13px;color:#78613b;letter-spacing:.1em;margin-bottom:26px}.case-card-tag{font-size:12px;color:#686868;margin-bottom:9px}.case-card h3{font-size:clamp(1.35rem,2vw,1.75rem);max-width:420px;line-height:1.2}.case-card p{font-size:15px;color:#686868;margin-top:16px;max-width:470px}.case-card-more{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #dedede;padding-top:18px;margin-top:26px;font-size:14px}.case-card p{flex:1}.case-card-more span{color:#87662c}.case-page{background:#fff}.case-header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:86px;border-bottom:1px solid #dedede}.case-header a{font-size:14px;text-decoration:none}.case-header-mail{text-decoration:underline!important;text-decoration-color:#e4ac45!important;text-underline-offset:5px}.case-breadcrumbs{margin-top:27px;gap:12px;font-size:12px;color:#686868;align-items:center}.case-breadcrumbs a{font-size:12px;padding:0}.case-intro{padding:46px 0 42px;max-width:970px}.case-intro h1{margin-top:22px;font-size:clamp(2.3rem,4.7vw,4.2rem);line-height:1.08;max-width:1000px}.case-lead{font-size:clamp(1rem,1.5vw,1.22rem);line-height:1.7;max-width:780px;margin-top:25px;color:#686868}.case-cta{display:inline-block;font-size:14px;border:1px solid #e4ac45;padding:10px 17px;margin-top:25px;text-decoration:none}.case-cta:hover{background:#faf2df}.case-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;border-top:2px solid #e4ac45;border-bottom:1px solid #dedede;padding:25px 0;margin:0}.case-facts dt{font-size:12px;color:#686868;margin-bottom:9px}.case-facts dd{margin:0;font-size:16px;line-height:1.5}.case-note{font-size:13px;color:#686868;margin-top:18px;max-width:850px}.case-body{max-width:920px;margin:44px auto 65px}.case-section{display:grid;grid-template-columns:45px 1fr;gap:20px;padding:30px 0;border-bottom:1px solid #dedede}.case-section-number{font-size:12px;color:#997330;padding-top:7px}.case-section h2{font-size:clamp(1.4rem,2.4vw,1.85rem);max-width:740px}.case-section p{color:#575757;margin-top:19px;line-height:1.85;max-width:760px}.case-video{margin-top:40px}.case-enquiry{display:grid;grid-template-columns:1fr 1.5fr;gap:48px;background:#f5f5f3;padding:36px}.case-enquiry h2{font-size:1.65rem;margin-top:12px}.case-enquiry p{color:#686868}.case-enquiry a{display:inline-block;margin-top:18px;text-decoration-color:#e4ac45;text-underline-offset:5px}.case-related{padding:50px 0 38px}.case-related h2{font-size:1.4rem;margin-bottom:23px}.case-related>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.case-related a{display:flex;justify-content:space-between;gap:18px;padding:17px 0;border-top:1px solid #dedede;text-decoration:none;font-size:14px}.case-related a:hover{text-decoration:underline;text-decoration-color:#e4ac45}.case-page .site-footer{border-top:1px solid #dedede}
@media(max-width:700px){.cases-grid{grid-template-columns:1fr;gap:14px}.case-card{padding:24px}.case-number{margin-bottom:16px}.case-card h3{font-size:1.45rem}.case-header{min-height:74px;gap:12px}.case-header a{font-size:13px}.case-breadcrumbs{margin-top:20px;width:auto}.case-intro{padding:32px 0}.case-intro h1{font-size:2.25rem;overflow-wrap:break-word}.case-intro .section-kicker{font-size:11px}.case-facts{grid-template-columns:1fr;gap:20px;padding:22px 0}.case-facts dt{margin-bottom:4px}.case-facts dd{font-size:15px}.case-section{grid-template-columns:25px 1fr;gap:10px;padding:25px 0}.case-section p{font-size:15px;line-height:1.8}.case-body{margin:20px auto 38px}.case-enquiry{grid-template-columns:1fr;gap:20px;padding:24px}.case-related>div{grid-template-columns:1fr;gap:0}.case-related{padding:36px 0 22px}}
@media(prefers-reduced-motion:reduce){.case-card{transition:none}}
/* Palette: gold #e4ac45, graphite #333333, light grey #efefef. */
.motion-page .experience{background:#333;color:#fff;box-shadow:0 0 0 100vmax #333;clip-path:inset(0 -100vmax);border-bottom:0}
.motion-page .experience .section-kicker{color:#e4ac45}.motion-page .experience p,.motion-page .experience .client-list{color:#e4e4e4}
.case-card{background:#faf6ed;border-color:#e8dfcf}.case-card:nth-child(2),.case-card:nth-child(3){background:#f3f3f1;border-color:#e2e2dd}
.case-card:hover{background:#fff8e9;border-color:#e4ac45}.case-number{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:#e4ac45;color:#333;border-radius:4px;letter-spacing:0;font-weight:600}
.case-card-more{border-color:#ded6c7}.case-card-more span{color:#76561e}
.motion-page .hero-scroll,.motion-page .background-toggle{border-color:#e4ac45;color:#f4cc81}.motion-page .hero-scroll:hover,.motion-page .background-toggle:hover{background:#e4ac45;border-color:#e4ac45;color:#333}
.motion-page .mobile-enquiry,.case-cta{background:#e4ac45;border-color:#e4ac45;color:#333}.case-cta:hover{background:#f0c374}
.workflow .step-number{color:#76561e;background:#fbf3e3;border-radius:4px;text-align:center;padding:5px 3px}
.faq-list details[open]{background:#faf6ed}.faq-list details[open] summary{color:#65491a}.faq-list summary::after{color:#87601c}
.case-enquiry{background:#faf3e4;border-top:2px solid #e4ac45}.case-enquiry .section-kicker{color:#76561e}.case-facts{background:#faf8f3;padding-inline:20px}.case-section-number{color:#76561e}
.motion-page .contact-section{border-top:2px solid #e4ac45}.case-header-mail{color:#333}

/* Bottom-aligned outlined case links. */
.case-card{gap:0}.case-card p{flex:none}.case-card-more{align-self:flex-start;display:inline-flex;justify-content:center;align-items:center;margin-top:auto;padding:10px 16px;border:1px solid #b88a36;border-radius:4px;color:#333;line-height:1.4}.case-card h3:last-of-type{margin-bottom:26px}.case-card p{margin-top:-10px;margin-bottom:26px}.case-card:hover .case-card-more{border-color:#a57623;background:#e4ac45}

/* Consistent spacing between service steps. */
.workflow{display:grid;grid-auto-rows:1fr}.workflow article,.workflow article:first-child,.workflow article:last-child{padding-block:24px;align-content:center}.workflow article:first-child{border-top:1px solid var(--line)}
@media(max-width:700px){.workflow article,.workflow article:first-child,.workflow article:last-child{padding-block:21px}}
/* Persistent navigation and stronger brand sections. */
html{scroll-padding-top:110px}
.motion-page .site-header{position:fixed;top:0;left:0;transform:none;width:100%;max-width:none;margin:0;padding:12px max(40px,calc((100vw - 1200px)/2));min-height:76px;z-index:30;background:rgba(35,35,35,.97);border-bottom:2px solid #e4ac45;box-shadow:0 4px 20px #0002}
.motion-page .site-header nav a:hover{color:#f4c66f}
.motion-page #benefits{background:#e4ac45;box-shadow:0 0 0 100vmax #e4ac45;clip-path:inset(0 -100vmax);border:0;color:#252525}
.motion-page #benefits .section-kicker,.motion-page #benefits p{color:#393126}.motion-page #benefits article{border-color:#5e4724}
.motion-page #services{background:#f4f0e7;box-shadow:0 0 0 100vmax #f4f0e7;clip-path:inset(0 -100vmax);border:0}.workflow .step-number{background:#e4ac45;color:#292929;font-weight:600}.workflow article{border-color:#d6c9af}
.motion-page #mounts{background:#333;box-shadow:0 0 0 100vmax #333;clip-path:inset(0 -100vmax);color:white;border:0}.motion-page #mounts .section-kicker{color:#e4ac45}.motion-page #mounts p{color:#e0ddd6}.motion-page #mounts article{border-top:2px solid #e4ac45}
.motion-page #demo{background:#ede8dd;box-shadow:0 0 0 100vmax #ede8dd;clip-path:inset(0 -100vmax);border:0}
.motion-page .faq-section{background:#faf6ed;box-shadow:0 0 0 100vmax #faf6ed;clip-path:inset(0 -100vmax)}.motion-page .faq-list details[open]{background:#f5e2bc}.motion-page .faq-list details{padding-inline:16px;border-color:#dbc9a9}

@media(max-width:700px){html{scroll-padding-top:90px}.motion-page .site-header{padding:10px 18px;min-height:64px}.motion-page .site-header nav{gap:4px 10px}.motion-page .site-header nav a{padding-block:8px}}

/* Quiet compact navigation once the visitor scrolls. */
.motion-page .site-header{transition:background .2s,padding .2s,min-height .2s,box-shadow .2s}
.motion-page .site-header.is-scrolled{min-height:50px;padding-block:4px;background:rgba(250,249,246,.97);color:#333;border-bottom:1px solid #dedbd4;box-shadow:0 2px 8px #0000000a}
.motion-page .site-header.is-scrolled a{color:#444}.site-header.is-scrolled .header-email>span,.site-header.is-scrolled .header-email strong span{display:none}.site-header.is-scrolled .header-email strong{font-size:.875rem}.site-header.is-scrolled nav a{font-size:.8125rem}.motion-page .site-header.is-scrolled nav a:hover{color:#775419}
.motion-page #benefits{background:#f4f0e7;box-shadow:0 0 0 100vmax #f4f0e7;color:#252525}.motion-page #benefits p{color:#4b4b47}.motion-page #benefits .section-kicker{color:#70521f}.motion-page #benefits article{border-color:#e4ac45}
@media(max-width:700px){.motion-page .site-header.is-scrolled{min-height:48px;padding-block:3px}.motion-page .site-header.is-scrolled nav a{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){.motion-page .site-header{transition:none}}

.motion-page .workflow article h3,.motion-page .workflow article:hover h3{transform:none;transition:none}
/* Neutral case palette, gold reserved for small accents. */
.motion-page .cases-section{background:#efefed;box-shadow:0 0 0 100vmax #efefed;clip-path:inset(0 -100vmax);border:0}
.case-card,.case-card:nth-child(2),.case-card:nth-child(3){background:#fff;border-color:#d8d8d4}.case-card:hover{background:#fff;border-color:#777}
.case-number{background:transparent;color:#8a631d;border:1px solid #d7bc86}
.case-card-more{border-color:#777;color:#333}.case-card:hover .case-card-more{background:#333;border-color:#333;color:#fff}
.case-page .case-facts{background:#f3f3f1}.case-page .case-enquiry{background:#f3f3f1;border-top-color:#333}
/* Compact header at the top as well as during scrolling. */
.motion-page .site-header{min-height:60px;padding-block:7px;gap:20px;border-bottom-width:1px;box-shadow:none}
.motion-page .site-header .header-email>span,.motion-page .site-header .header-email strong span{display:none}
.motion-page .site-header .header-email strong{font-size:.9375rem;font-weight:400}
.motion-page .site-header nav{gap:24px}.motion-page .site-header nav a{font-size:.8125rem}
.motion-page .site-header.is-scrolled{min-height:50px;padding-block:4px}
@media(max-width:700px){.motion-page .site-header{min-height:52px;padding-block:5px;gap:0}.motion-page .site-header nav{gap:4px 10px}.motion-page .site-header nav a{font-size:.72rem}.motion-page .site-header.is-scrolled{min-height:48px;padding-block:3px}}


.motion-page #benefits{background:#292929;box-shadow:0 0 0 100vmax #292929;color:#fff}.motion-page #benefits p{color:#e5e5e1}.motion-page #benefits .section-kicker{color:#e4ac45}.motion-page #benefits article{border-color:#e4ac45}

/* Align anchored headings beneath the compact navigation. */
html{scroll-padding-top:64px}.motion-page .section[id]{scroll-margin-top:-58px}
.motion-page .hero-bottom{justify-content:flex-end}.motion-page .hero-scroll{margin-left:auto;border:0;border-bottom:2px solid #e4ac45;border-radius:0;padding:9px 0;min-height:44px;color:#fff;background:transparent}.motion-page .hero-scroll:hover{background:transparent;color:#f4cc81;border-color:#e4ac45}
.motion-page .demo-section{height:calc(100svh - 64px);min-height:440px;display:flex;flex-direction:column;padding-bottom:16px}.motion-page .demo-section .section-heading{flex:none;margin-bottom:18px}.motion-page .demo-section .cabinet-frame{flex:1;min-height:0;height:0}
@media(max-width:700px){html{scroll-padding-top:62px}.motion-page .section[id]{scroll-margin-top:-46px}.motion-page .demo-section{height:calc(100svh - 62px);padding-top:24px;scroll-margin-top:-24px}}