/* Standalone homepage skin: do not combine with future.css. */
.brush-page {
    --primary-color: #385b76; --primary-dark: #243e54; --secondary-color: #172b42;
    --text-color: #172b42; --text-light: #617084; --border-color: #dce3eb;
    --future-blue: #385b76; --future-ink: #172b42; --future-cyan: #385b76;
    --future-mint: #eaf2ff; --future-line: #dce3eb;
    background: #fff; color: #172b42; font-family: Inter, "Segoe UI", "Microsoft YaHei", sans-serif;
}
.brush-page .container { width: 100%; max-width: 1320px; padding-inline: 40px; }
.brush-page .top-bar { position: static; background: #fff; color: #617084; border-bottom: 1px solid #e8edf2; }
.brush-page .top-bar-link { color: #617084; }
.brush-page header { position: sticky; top: 0; z-index: 1000; }
.brush-page .navbar { position: static; background: #fffffffa !important; border-bottom: 1px solid #e8edf2; box-shadow: none; padding-block: 14px; }
.brush-page .navbar-brand { color: #172b42 !important; font-size: 1.2rem; max-width: calc(100% - 64px); overflow-wrap: anywhere; }
.brush-page .navbar-nav .nav-link { font-size: .88rem; padding-inline: .65rem !important; color: #526176 !important; }
.brush-page .navbar-nav .nav-link:hover { color: #385b76 !important; border-color: transparent; }
.brush-page .btn-lang { background: #edf3fd; color: #385b76 !important; border-radius: 8px; }
.brush-page main { padding-top: 0; }
.brush-home { overflow: clip; }
.brush-home * { min-width: 0; }
.brush-home h1, .brush-home h2, .brush-home h3 { text-wrap: balance; overflow-wrap: break-word; }
.brush-home p, .brush-home strong, .brush-home a { overflow-wrap: anywhere; }
.brush-home a { text-decoration: none; }
.future-hero { position: relative; background: linear-gradient(110deg,#f5f7f8,#edf3f6); padding: 28px 0 38px; isolation: isolate; }
.future-hero .row { --bs-gutter-x: 3rem; --bs-gutter-y: 2rem; }
.future-hero .col-lg-7 { width: 43%; padding-block: 36px; }
.future-hero .col-lg-5 { width: 57%; }
.future-grid, .future-orb, .future-scroll-cue { display: none; }
.future-eyebrow, .future-kicker { color: #385b76; font-size: .72rem; font-weight: 650; letter-spacing: .09em; }
.future-eyebrow { display: flex; align-items: center; gap: 10px; }
.future-live-dot { width: 7px; height: 7px; border-radius: 50%; background: #385b76; }
.future-hero-title { font-size: clamp(3rem, 4.5vw, 4.9rem); font-weight: 750; letter-spacing: -.04em; line-height: 1.2; margin: 24px 0; }
.future-hero-title span { display: block; color: #385b76; }
.future-hero-copy { max-width: 470px; color: #617084; line-height: 1.9; font-size: 1rem; margin-bottom: 28px; }
.future-hero-actions, .future-cta-inner > div { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.future-btn { display: inline-flex; justify-content: center; align-items: center; gap: 10px; min-height: 46px; padding: 12px 19px; border: 1px solid transparent; border-radius: 8px; font-size: .88rem; font-weight: 600; line-height: 1.4; transition: background .2s, transform .2s; }
.future-btn-primary, .future-btn-dark { background: #385b76; color: #fff; }
.future-btn-primary:hover, .future-btn-dark:hover { background: #243e54; color: #fff; transform: translateY(-2px); }
.future-btn-ghost { color: #35475c; border-color: #dce3eb; background: #fff; }
.future-btn-ghost:hover { background: #f5f8fc; color: #172b42; }
.future-proof-row { display: flex; gap: 12px 18px; flex-wrap: wrap; margin-top: 24px; color: #748094; font-size: .75rem; }
.future-proof-row span { display: inline-flex; align-items: center; gap: 7px; }
.future-proof-row i { color: #6d8bad; }
.future-marquee { padding: 18px 0; border-block: 1px solid #e8edf2; background: #f8fafc; overflow: hidden; }
.future-marquee-track { display: flex; width: max-content; gap: 48px; animation: brush-marquee 50s linear infinite; }
.future-marquee span { display: inline-flex; align-items: center; gap: 32px; font-size: .68rem; letter-spacing: .13em; color: #748397; white-space: nowrap; }
.future-marquee i { font-size: 4px; color: #9aadc4; }
.future-section, .brush-materials { padding: 76px 0; }
.future-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 30px; }
.future-section-heading > div { flex: 1; }
.future-section-heading > p { max-width: 380px; margin: 0; }
.future-section-heading h2, .future-process-intro h2, .future-cta-inner h2, .brush-material-heading h2 { font-size: clamp(1.75rem, 2.6vw, 2.6rem); font-weight: 700; line-height: 1.4; letter-spacing: -.025em; margin: 12px 0 0; }
.future-section-heading p, .future-process-intro p { font-size: .93rem; color: #617084; line-height: 1.85; }
.future-solutions, .future-process-section, .future-content-hub { background: #f5f7fa; }
.future-product-stage, .future-capabilities, .brush-materials { background: #fff; }
.future-solution-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 18px; }
.future-solution-card { display: flex; flex-direction: column; position: relative; padding: 24px; background: #fff; color: #172b42; border: 1px solid #dce3eb; border-radius: 12px; transition: border-color .2s, transform .2s; }
.future-solution-card:hover { color: #172b42; border-color: #9db9e3; transform: translateY(-3px); }
.future-card-index { align-self: flex-end; color: #95a1b2; font-size: .7rem; }
.future-solution-icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 10px; background: #edf3fd; color: #385b76; font-size: 1.25rem; margin: 4px 0 20px; }
.future-solution-card h3 { font-size: 1.1rem; font-weight: 650; }
.future-solution-card p { flex: 1; font-size: .86rem; color: #617084; line-height: 1.8; margin: 10px 0 24px; }
.future-card-footer { display: flex; justify-content: space-between; align-items: center; gap: 12px; font-size: .74rem; color: #617084; }
.future-solution-custom { background: #edf3fd; }
.future-text-link { display: inline-flex; align-items: center; gap: 8px; font-size: .86rem; color: #385b76; font-weight: 600; }
.future-product-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; align-items: stretch; }
.future-product-grid:has(> :nth-child(5)) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.future-product-card { display: flex; flex-direction: column; background: #fff; border: 1px solid #dce3eb; border-radius: 12px; overflow: hidden; }
.future-product-media { position: relative; display: grid; place-items: center; height: 230px; background: #f3f6fa; padding: 28px; color: #7d9ab9; }
.future-product-media img { width: 100%; height: 100%; max-height: 174px; object-fit: contain; transition: transform .3s; }
.future-product-media:hover img { transform: scale(1.04); }
.future-product-media > i { font-size: 3rem; }
.future-product-number { position: absolute; top: 14px; left: 16px; color: #8190a4; font-size: .7rem; }
.future-product-content { display: flex; flex: 1; flex-direction: column; padding: 22px; }
.future-product-meta { display: flex; flex-wrap: wrap; gap: 8px; color: #7a8aa0; font-size: .65rem; letter-spacing: .05em; }
.future-product-content h3 { font-size: 1.18rem; line-height: 1.45; font-weight: 650; margin: 14px 0 10px; }
.future-product-content p { color: #617084; font-size: .87rem; line-height: 1.75; }
.future-product-content ul { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; list-style: none; margin: 0 0 22px; }
.future-product-content li { padding: 5px 8px; border-radius: 5px; background: #f4f7fb; font-size: .7rem; color: #617084; }
.future-product-content li i { color: #385b76; margin-right: 4px; }
.future-product-content .future-text-link { margin-top: auto; }
.future-empty-state { padding: 40px 24px; border: 1px dashed #c6d2df; border-radius: 12px; text-align: center; }
.future-empty-state h3 { margin: 16px 0; }.future-empty-state p { color: #617084; }
.future-process-intro > p { margin: 20px 0 24px; }
.future-process-list { display: grid; gap: 14px; }
.future-process-item { display: grid; grid-template-columns: 24px 46px minmax(0,1fr); align-items: start; gap: 14px; padding: 22px; background: #fff; border: 1px solid #dce3eb; border-radius: 12px; }
.future-process-step { color: #95a1b2; font-size: .68rem; padding-top: 14px; }
.future-process-icon { display: grid; place-items: center; width: 46px; height: 46px; background: #edf3fd; color: #385b76; border-radius: 9px; }
.future-process-item h3 { font-size: 1rem; font-weight: 650; margin: 0 0 8px; }
.future-process-item p { color: #617084; font-size: .85rem; line-height: 1.75; margin: 0; }
.future-capability-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,230px),1fr)); gap: 18px; }
.future-capability-card { padding: 24px; border: 1px solid #dce3eb; border-radius: 12px; background: #fff; }
.future-capability-card > span { display: block; color: #95a1b2; font-size: .7rem; text-align: right; }
.future-capability-card > i { display: grid; place-items: center; width: 52px; height: 52px; margin: 8px 0 20px; border-radius: 10px; background: #edf3fd; color: #385b76; font-size: 1.5rem; }
.future-capability-card h3 { font-size: 1.08rem; font-weight: 650; }
.future-capability-card p { font-size: .87rem; line-height: 1.75; color: #617084; margin: 10px 0 0; }
.future-content-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 24px; }
.future-articles-column, .future-resource-column { display: flex; flex-direction: column; gap: 14px; }
.future-content-label { font-size: .78rem; color: #617084; display: flex; align-items: center; gap: 8px; }
.future-article-row { display: grid; grid-template-columns: 42px minmax(0,1fr) 16px; align-items: center; gap: 14px; padding: 22px; background: #fff; border: 1px solid #dce3eb; border-radius: 10px; color: #172b42; }
.future-article-date { font-size: .72rem; color: #8190a4; }.future-article-copy strong, .future-article-copy small { display: block; }
.future-article-copy strong { font-size: .96rem; line-height: 1.6; }.future-article-copy small { font-size: .78rem; color: #617084; margin-top: 6px; }
.future-video-card { display: block; position: relative; min-height: 240px; border-radius: 12px; overflow: hidden; background: #293e57; }
.future-video-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.future-video-overlay { position: absolute; inset: 0; background: linear-gradient(transparent, #142538e6); }
.future-play { position: absolute; right: 20px; top: 20px; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: #fff; color: #385b76; }
.future-video-copy { position: absolute; bottom: 22px; left: 22px; right: 22px; color: #fff; }.future-video-copy small, .future-video-copy strong { display: block; }.future-video-copy small { font-size: .7rem; margin-bottom: 8px; color: #c6d7eb; }
.future-download-card { display: grid; grid-template-columns: 40px minmax(0,1fr) 16px; gap: 14px; align-items: center; padding: 20px; background: #fff; border: 1px solid #dce3eb; color: #172b42; border-radius: 10px; }
.future-download-icon { display: grid; place-items: center; height: 40px; border-radius: 8px; color: #385b76; background: #edf3fd; }
.future-download-card small, .future-download-card strong { display: block; }.future-download-card small { color: #617084; font-size: .68rem; margin-bottom: 4px; }.future-download-card strong { font-size: .88rem; }
.future-stats { padding: 36px 0; background: #fff; border-bottom: 1px solid #e8edf2; }
.future-stats-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; }
.future-stat { text-align: center; padding: 16px; }.future-stat strong, .future-stat span { display: block; }.future-stat strong { font-size: 2.3rem; font-weight: 700; }.future-stat span { font-size: .8rem; color: #617084; }
.future-final-cta { padding: 70px 0; background: #f5f8fd; }.future-cta-orb { display: none; }
.future-cta-inner { max-width: 720px; margin-inline: auto; text-align: center; }.future-cta-inner p { margin: 20px 0 28px; color: #617084; line-height: 1.85; }.future-cta-inner > div { justify-content: center; }.future-email-link { color: #617084; font-size: .87rem; }
.brush-page footer { background: #fff; border-top: 1px solid #e8edf2; color: #617084; }
.brush-page footer .text-white, .brush-page footer .text-white-50 { color: #617084 !important; }.brush-page footer h5, .brush-page footer h6 { color: #172b42 !important; }
.brush-material-heading { margin-bottom: 28px; }.brush-material-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.brush-material-card > span { display: block; color: #8190a4; font-size: .68rem; letter-spacing: .07em; margin: 20px 0 12px; }.brush-material-card h3 { font-size: 1.15rem; font-weight: 650; }.brush-material-card p { color: #617084; font-size: .87rem; line-height: 1.8; }
.brush-texture { height: 160px; position: relative; overflow: hidden; border-radius: 10px; background: #eef2f6; }
.brush-texture::after { content: ''; position: absolute; inset: 0; }
.brush-texture-fibres::after { background: linear-gradient(12deg,#697a8133,transparent 70%), repeating-linear-gradient(100deg,#d4d8d7 0 2px,#9eaaa9 3px 4px,#c4cdca 5px 7px); }
.brush-texture-metal::after { background: linear-gradient(125deg,#a9b6c2,#e7ecf0 30%,#b5c0cb 32%,#f0f3f6 50%,#9eacb9 80%,#d7dfe6); }
.brush-texture-stroke::after { inset: 40px 25px; background: repeating-linear-gradient(0deg,#ffffff44 0 1px,transparent 1px 4px),#a9c3df; transform: rotate(-12deg); border-radius: 35% 6% 28% 12%; }

/* Product gallery stage. Only the canvas animates continuously while in view. */
.brush-studio { --brush-color:#239b89; position:relative; width:100%; padding:12px 0 0; }
.atelier-stage-label { display:flex; align-items:center; gap:8px; color:#718492; font:10px/1.4 ui-monospace,monospace; letter-spacing:.12em; }
.atelier-stage-label > span:last-child { margin-left:auto; color:#8c9ba6; }
.atelier-live { width:5px; height:5px; border-radius:50%; background:#7594a6; }
.brush-shape-label { position:relative; z-index:2; width:max-content; max-width:100%; margin:22px auto -44px; padding:10px 18px; border:1px solid #d7e1e8; border-radius:99px; background:#ffffffad; color:#516b80; font-size:12px; }
.brush-shape-tabs { display:flex; justify-content:center; gap:4px; position:relative; z-index:2; width:max-content; margin:22px auto -44px; padding:4px; border:1px solid #d7e1e8; border-radius:99px; background:#ffffffad; }
.brush-shape-tabs button { border:0; background:transparent; color:#6b7d8d; font-size:12px; border-radius:99px; padding:8px 18px; transition:background .2s,color .2s; }
.brush-shape-tabs button[aria-pressed=true] { color:#263e50; background:#e0e9ef; }
.brush-viewport { position:relative; height:590px; width:100%; touch-action:pan-y; cursor:grab; outline-offset:-5px; }
.brush-viewport.is-dragging { cursor:grabbing; }
.brush-render-host { position:absolute; inset:0; z-index:1; }
.brush-render-host canvas { width:100%; height:100%; display:block; }
.atelier-backdrop-word { position:absolute; left:50%; top:27%; transform:translateX(-50%); font-size:clamp(70px,8vw,126px); font-weight:800; letter-spacing:-.07em; color:#dfe8ee; line-height:1; pointer-events:none; }
.brush-fallback { position:absolute; inset:26px 40px 40px; }
.brush-fallback svg { width:100%; height:100%; }.has-webgl .brush-fallback { display:none; }
.atelier-object-note { position:absolute; left:12px; bottom:40px; display:flex; flex-direction:column; gap:7px; z-index:2; pointer-events:none; }
.atelier-object-note span { color:#8a9aa8; letter-spacing:.12em; font:9px ui-monospace,monospace; }
.atelier-object-note strong { font-size:12px; font-weight:500; color:#40576a; }
.brush-interaction-hint { position:absolute; right:8px; bottom:40px; z-index:2; font-size:10px; color:#8193a1; pointer-events:none; }
.brush-controls { display:flex; justify-content:space-between; align-items:center; gap:16px; border-top:1px solid #d7e1e8; padding-top:18px; margin-inline:12px; }
.brush-finish { display:flex; align-items:center; gap:18px; }.brush-finish > span { color:#7c8b98; font-size:10px; letter-spacing:.08em; }
.brush-swatches { display:flex; align-items:center; gap:9px; }
.brush-swatches button { width:22px; height:22px; border-radius:50%; background:var(--swatch); border:3px solid #eef3f6; outline:1px solid transparent; }
.brush-swatches button[aria-pressed=true] { outline-color:#6c8ba3; }
.brush-action-group { display:flex; gap:6px; }.brush-control { display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:7px 12px; min-height:34px; border:1px solid #d3dfe7; background:#ffffff70; border-radius:7px; font-size:11px; color:#516b80; }
.brush-control:hover, .brush-control[aria-pressed=true] { background:#dce7ee; border-color:#aec3d2; }
.brush-control:disabled, .brush-shape-tabs button:disabled, .brush-swatches button:disabled { opacity:.5; cursor:default; }
.brush-concept-note { margin:14px 12px 0; color:#8798a5; font-size:9px; line-height:1.6; }
.brush-page button:focus-visible, .brush-viewport:focus-visible { outline:2px solid #597e9d; outline-offset:4px; }
.future-proof-row { font-size:.7rem; margin-top:32px; }
.future-hero-title span { color:#66849b; }
.future-hero-copy { font-size:.95rem; max-width:365px; line-height:1.95; margin-top:24px; }
.future-btn { border-radius:6px; min-height:48px; }.future-btn-ghost { background:transparent; border-color:#cbd8e1; }
.future-marquee { background:#fff; padding-block:22px; }.future-marquee span { color:#8796a4; }
.future-section, .brush-materials { padding-block:90px; }
.brush-material-heading { display:flex; flex-direction:column; align-items:center; text-align:center; margin-bottom:40px; }
.brush-material-heading h2 { font-size:clamp(1.8rem,3vw,2.8rem); }.brush-material-heading .future-kicker { font-size:9px; color:#8a9daa; letter-spacing:.18em; }
.brush-material-card { border:0; padding:0 0 16px; }
.brush-texture { height:240px; border-radius:12px; background:radial-gradient(ellipse at 50% 35%,#fbfcfd,#e9eff3); perspective:800px; }
.brush-texture::after { content:none; }
.atelier-specimen-label { position:absolute; left:20px; bottom:16px; font:9px ui-monospace,monospace; letter-spacing:.12em; color:#8093a2; }
.atelier-fibre-sculpture { position:absolute; width:160px; height:135px; left:50%; top:38px; margin-left:-80px; transform-style:preserve-3d; transform:rotateX(-18deg) rotateY(-25deg) rotateZ(18deg); }
.atelier-fibre-sculpture i { position:absolute; left:calc(var(--i) * 5px); top:0; width:4px; height:135px; border-radius:3px; background:linear-gradient(90deg,#879fae,#f6fafb 55%,#93a9b6); transform:translateZ(calc(var(--i) * 1.4px)); box-shadow:5px 16px 12px #647d9020; }
.atelier-ring-sculpture { position:absolute; left:50%; top:65px; width:150px; height:100px; margin-left:-75px; transform-style:preserve-3d; transform:rotateX(56deg) rotateZ(-24deg); }
.atelier-ring-sculpture i { position:absolute; inset:0; border:16px solid #c7d4de; border-top-color:#f5f8fa; border-right-color:#94abba; border-radius:20px; box-shadow:0 7px 0 #98aebe,0 18px 20px #6e849c25; }
.atelier-ring-sculpture i:nth-child(2) { transform:translateZ(35px); }.atelier-ring-sculpture i:nth-child(3) { transform:translateZ(70px); }
.atelier-surface-sculpture { position:absolute; top:52px; left:50%; width:145px; height:110px; margin-left:-72px; transform-style:preserve-3d; transform:rotateX(52deg) rotateZ(-30deg); }
.atelier-surface-sculpture i { position:absolute; inset:0; border-radius:14px; background:#edf4f8; box-shadow:0 7px 0 #afc2d0,0 18px 18px #607d9633; }
.atelier-surface-sculpture i:nth-child(2) { transform:translateZ(24px); background:#b4cbdc; box-shadow:0 7px 0 #8ea9bd; }
.atelier-surface-sculpture i:nth-child(3) { transform:translateZ(48px); background:repeating-linear-gradient(90deg,#d4e2ec 0 3px,#bfd3e2 3px 4px); box-shadow:0 7px 0 #90aabf; }
.brush-material-card > span, .brush-material-card h3, .brush-material-card p { margin-inline:8px; }
.brush-material-card h3 { font-size:1.15rem; }.brush-material-card p { font-size:.85rem; }
.brush-material-card:hover .atelier-fibre-sculpture { transform:rotateX(-24deg) rotateY(15deg) rotateZ(12deg); }
.brush-material-card:hover .atelier-ring-sculpture { transform:rotateX(48deg) rotateZ(10deg); }
.brush-material-card:hover .atelier-surface-sculpture { transform:rotateX(40deg) rotateZ(-15deg); }
.atelier-fibre-sculpture, .atelier-ring-sculpture, .atelier-surface-sculpture { transition:transform 1s cubic-bezier(.2,.8,.2,1); }
.motion-in-view .atelier-fibre-sculpture { animation:atelier-fibres 8s ease-in-out infinite; }
.motion-in-view .atelier-ring-sculpture { animation:atelier-rings 9s ease-in-out infinite; }
.motion-in-view .atelier-surface-sculpture { animation:atelier-surfaces 10s ease-in-out infinite; }
.brush-material-card:hover .atelier-fibre-sculpture, .brush-material-card:hover .atelier-ring-sculpture, .brush-material-card:hover .atelier-surface-sculpture { animation-play-state:paused; }
@keyframes atelier-fibres { 0%,100% { transform:rotateX(-18deg) rotateY(-25deg) rotateZ(18deg) translateY(0); } 50% { transform:rotateX(-12deg) rotateY(12deg) rotateZ(12deg) translateY(-9px); } }
@keyframes atelier-rings { 0%,100% { transform:rotateX(56deg) rotateZ(-24deg); } 50% { transform:rotateX(45deg) rotateZ(8deg) translateZ(12px); } }
@keyframes atelier-surfaces { 0%,100% { transform:rotateX(52deg) rotateZ(-30deg); } 50% { transform:rotateX(38deg) rotateZ(-12deg) translateZ(10px); } }
.brush-material-card, .future-product-card, .future-solution-card { transition:transform .3s ease-out,border-color .3s; }
.future-product-content { background:#fff; }.future-product-media { height:265px; background:#eef3f6; }
.future-capability-card { border:0; background:#f6f8fa; }.future-capability-card > i { background:#e9eff4; color:#5c7d97; }
.future-process-item { box-shadow:none; }.future-stats { background:#f6f8fa; }
.brush-home [data-reveal] { opacity:1; }
.brush-home [data-reveal].is-visible { animation:atelier-reveal .85s cubic-bezier(.16,1,.3,1) both; animation-delay:var(--reveal-delay,0ms); }
.brush-home.is-motion-paused *, .brush-home.is-motion-paused *::before, .brush-home.is-motion-paused *::after { animation-play-state:paused !important; }
.brush-home.is-motion-paused [data-reveal] { animation:none; }
@keyframes atelier-reveal { from { opacity:0; translate:0 24px; } to { opacity:1; translate:0 0; } }
@keyframes brush-marquee { to { transform:translateX(-50%); } }
@media (min-width:992px) and (max-width:1199px) { .brush-page .navbar-brand { font-size:1rem; }.brush-page .navbar-nav .nav-link { font-size:.78rem; padding-inline:.35rem !important; }.brush-page .container { padding-inline:26px; }.future-hero-title { font-size:3.5rem; } }
@media (max-width:991px) {
    .brush-page .container { padding-inline:28px; }
    .future-hero .col-lg-7, .future-hero .col-lg-5 { width:100%; }
    .future-hero .col-lg-7 { padding-block:12px; }.future-hero { padding-top:28px; }
    .future-hero-title { font-size:3.8rem; }.future-hero-copy { max-width:480px; }
    .brush-studio { max-width:650px; margin:auto; }.brush-viewport { height:520px; }
    .future-product-grid, .future-product-grid:has(> :nth-child(5)) { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .future-section-heading { align-items:start; flex-direction:column; }.future-section-heading > p { max-width:600px; }
    .brush-page .navbar-collapse { padding-top:16px; }
    .brush-material-grid { gap:16px; }.brush-texture { height:215px; }
}
@media (max-width:767px) {
    .brush-page .container { padding-inline:22px; }
    .future-section, .brush-materials { padding-block:56px; }.brush-material-heading { align-items:start; text-align:left; }
    .brush-material-grid, .future-content-layout { grid-template-columns:1fr; }.brush-material-grid { gap:26px; }
    .brush-texture { height:230px; }.future-stats-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .brush-page .top-bar { display:none; }.future-hero-title { font-size:3.5rem; }
    .future-hero-copy { font-size:.9rem; }.future-hero .row { --bs-gutter-y:1.2rem; }
    .brush-viewport { height:460px; }.atelier-backdrop-word { font-size:84px; }
}
@media (max-width:479px) {
    .future-product-grid, .future-product-grid:has(> :nth-child(5)) { grid-template-columns:1fr; }
    .future-hero-title { font-size:3.15rem; }.future-hero-actions { gap:8px; }.future-btn { font-size:.8rem; padding-inline:14px; }
    .future-proof-row { margin-top:20px; }.brush-viewport { height:410px; }
    .brush-controls { margin-inline:0; gap:8px; }.brush-finish { gap:8px; }.brush-finish > span { display:none; }
    .brush-control { padding:7px 10px; }.brush-action-group { gap:5px; }
    .atelier-object-note { left:0; bottom:40px; }.brush-interaction-hint { left:0; right:auto; bottom:20px; }
    .brush-concept-note { margin-inline:0; }.brush-shape-tabs { margin-top:18px; }
    .future-process-item { grid-template-columns:34px minmax(0,1fr); gap:12px; padding:16px; }.future-process-step { display:none; }.future-process-icon { width:34px; height:34px; }
    .brush-page .navbar-brand { font-size:1rem; }
}
@media (prefers-reduced-motion:reduce) { .brush-home *, .brush-home *::before, .brush-home *::after { animation:none !important; transition:none !important; } }

/* Brand homepage foundation and studio controls. */
.brush-brand-home .future-hero { padding-bottom:68px; }
.brush-brand-home .future-hero-copy { max-width:370px; }
.brush-brand-home .future-eyebrow { letter-spacing:.12em; font-size:.67rem; }
.brand-signature { display:flex; align-items:center; gap:14px; margin-top:42px; }
.brand-signature > span { width:36px; height:1px; background:#8da9ad; }
.brand-signature p { margin:0; font-size:.66rem; letter-spacing:.12em; color:#7f929e; }
.brand-scroll-cue { position:absolute; bottom:22px; left:50%; transform:translateX(-50%); display:flex; align-items:center; gap:18px; color:#718492; font-size:9px; letter-spacing:.14em; }
.brand-scroll-cue:hover { color:#244e58; }
.brand-scroll-cue > span:last-child { font-size:16px; }
.brand-ribbon { padding-block:24px; }
.brand-ribbon .future-marquee-track { gap:0; animation-duration:65s; }
.brand-marquee-group { display:flex; align-items:center; gap:70px; padding-right:70px; }
.brand-marquee-group span { gap:70px; font-size:10px; color:#84959c; letter-spacing:.16em; }
.brand-marquee-group i { font-style:normal; font-size:13px; color:#7d9e99; }
.brand-story { scroll-margin-top:96px; padding:104px 0 64px; }
.brand-story-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); align-items:center; gap:80px; }
.brand-story-copy h2 { font-size:clamp(2.1rem,3.5vw,3.25rem); font-weight:600; letter-spacing:-.04em; line-height:1.35; margin:28px 0; }
.brand-story-copy h2 span, .brand-partnership-heading h2 span { display:block; }
.brand-story-copy h2 span { color:#7a979a; }
.brand-story-copy p { max-width:420px; font-size:.94rem; line-height:2; color:#73828e; margin:0 0 30px; }
.brand-text-link { display:inline-flex; align-items:center; gap:34px; color:#314f5b; font-size:.82rem; padding-bottom:10px; border-bottom:1px solid #b8c7ca; }
.brand-text-link:hover { color:#178576; border-color:#178576; }
.brand-text-link > span { font-size:18px; }
.brand-surface-stage { height:440px; position:relative; isolation:isolate; overflow:hidden; perspective:1000px; border-radius:4px; background:radial-gradient(ellipse at 40% 20%,#fafcfb,#edf2f1 75%); }
.brand-art-eyebrow, .brand-art-caption { position:absolute; left:28px; font:9px/1.5 ui-monospace,monospace; letter-spacing:.12em; color:#8b9b9d; }
.brand-art-eyebrow { top:24px; }.brand-art-caption { bottom:24px; }
.brand-surface-scene { position:absolute; left:50%; top:50%; width:300px; height:300px; margin:-150px 0 0 -150px; transform-style:preserve-3d; transform:rotateX(8deg) rotateY(-23deg); }
.brand-surface-panel { position:absolute; display:block; width:162px; height:254px; border-radius:84px 84px 3px 3px; transform-style:preserve-3d; box-shadow:10px 8px 0 #b7c6c4,15px 19px 23px #415e5c15; }
.brand-surface-panel-back { left:-16px; top:27px; transform:translateZ(-48px); background:linear-gradient(100deg,#d7e1df,#becfce); }
.brand-surface-panel-middle { left:77px; top:0; transform:translateZ(0); background:linear-gradient(100deg,#fffefa,#e6e9e1); box-shadow:10px 8px 0 #d2d8cf,15px 19px 23px #415e5c15; }
.brand-surface-panel-front { left:155px; top:48px; transform:translateZ(48px); background:linear-gradient(100deg,#a7c6bd,#78a79e); box-shadow:10px 8px 0 #608d85,15px 19px 23px #415e5c20; }
.brand-surface-shadow { position:absolute; width:310px; height:55px; left:50%; bottom:59px; margin-left:-140px; border-radius:50%; background:#4c6d6830; filter:blur(16px); transform:rotate(-7deg); }
.brand-story.motion-in-view .brand-surface-scene { animation:brand-space-float 12s ease-in-out infinite; }
@keyframes brand-space-float { 0%,100% { transform:rotateX(8deg) rotateY(-23deg) translateY(0); } 50% { transform:rotateX(4deg) rotateY(-10deg) translateY(-10px); } }
.brand-belief-line { display:flex; align-items:center; justify-content:space-between; gap:22px; padding-top:44px; margin-top:64px; border-top:1px solid #e6ecec; }
.brand-belief-line > span { color:#526f76; font-size:.9rem; letter-spacing:.18em; }.brand-belief-line > span[aria-hidden] { color:#bfcecf; font-weight:300; }
.brand-partnership { padding:26px 0 92px; background:#fff; scroll-margin-top:96px; }
.brand-partnership-inner { position:relative; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:80px; padding:74px 64px; background:#263f4a; color:#fff; border-radius:12px; isolation:isolate; overflow:hidden; }
.brand-partnership-heading .future-kicker { color:#aac4c5; font-size:10px; letter-spacing:.14em; }
.brand-partnership-heading h2 { font-size:clamp(2rem,3.1vw,2.75rem); font-weight:550; line-height:1.4; letter-spacing:-.03em; margin:26px 0 0; }
.brand-partnership-heading h2 span { color:#bfd5d2; }
.brand-partnership-copy { align-self:center; position:relative; z-index:1; }
.brand-partnership-copy p { max-width:360px; font-size:.9rem; line-height:1.95; color:#c3d0d4; margin:0 0 26px; }
.brand-contact-button { background:#e8f1ee; color:#263f4a; min-width:150px; gap:32px; }
.brand-contact-button:hover { background:#fff; color:#263f4a; transform:translateY(-2px); }
.brand-contact-email { display:block; width:fit-content; margin-top:24px; color:#b0c5c8; font-size:.82rem; }.brand-contact-email:hover { color:#fff; }
.brand-partnership-art { position:absolute; right:-155px; bottom:-320px; width:500px; height:500px; z-index:-1; transform:rotateX(35deg) rotateZ(-28deg); pointer-events:none; }
.brand-partnership-art i { position:absolute; inset:0; border:1px solid #afc8c422; border-radius:50%; }.brand-partnership-art i:nth-child(2) { inset:45px; }.brand-partnership-art i:nth-child(3) { inset:90px; }
.brush-brand-tools { position:relative; display:flex; flex-direction:column; align-items:stretch; gap:8px; margin:0 12px; padding-top:17px; border-top:1px solid #d7e1e8; }
.brush-primary-controls { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; }
.brush-primary-controls .brush-finish { gap:12px; }
.brush-primary-controls .brush-finish > span { display:inline; white-space:nowrap; }
.brush-primary-controls .brush-control { background:#ffffff80; }
.brush-brand-tools button:focus-visible { outline:2px solid #597e9d; outline-offset:4px; }
.brush-options { align-self:stretch; }
.brush-options summary { display:inline-flex; align-items:center; gap:22px; cursor:pointer; list-style:none; color:#617a86; font-size:11px; padding:7px 0; }
.brush-options summary::-webkit-details-marker { display:none; }.brush-options summary > span { font-size:18px; line-height:1; transition:transform .2s; }
.brush-options[open] summary > span { transform:rotate(45deg); }
.brush-options summary:focus-visible { outline:2px solid #597e9d; outline-offset:4px; }
.brush-options-panel { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:6px 0; }
@media (max-width:991px) {
    .brand-story-layout { gap:40px; }.brand-story { padding-top:72px; }
    .brand-surface-stage { height:380px; }.brand-surface-scene { scale:.85; }
    .brand-partnership-inner { gap:44px; padding:52px 36px; }
}
@media (max-width:767px) {
    .brush-brand-home .future-hero { padding-bottom:62px; }.brand-signature { margin-top:26px; }
    .brand-story { padding:64px 0 40px; }.brand-story-layout { grid-template-columns:1fr; gap:34px; }
    .brand-story-copy p { max-width:none; font-size:.9rem; }.brand-story-copy h2 { margin-top:22px; }
    .brand-surface-stage { height:370px; }.brand-surface-scene { scale:.88; }
    .brand-belief-line { padding-top:30px; margin-top:38px; gap:10px; }.brand-belief-line > span { font-size:.68rem; letter-spacing:.06em; }
    .brand-partnership { padding:14px 0 56px; }.brand-partnership-inner { grid-template-columns:1fr; padding:38px 28px; gap:30px; border-radius:9px; }
    .brand-partnership-heading h2 { margin-top:22px; font-size:2rem; }.brand-partnership-copy p { font-size:.85rem; }
    .brand-marquee-group, .brand-marquee-group span { gap:38px; }.brand-marquee-group { padding-right:38px; }
    .brand-ribbon { padding-block:20px; }.brand-marquee-group span { font-size:9px; }
}
@media (max-width:479px) {
    .brush-brand-tools { margin-inline:0; }.brush-primary-controls .brush-finish > span { font-size:9px; }
    .brand-surface-scene { scale:.78; }.brand-surface-stage { height:345px; }
    .brand-art-eyebrow, .brand-art-caption { left:20px; font-size:8px; }
}

/* Immersive brand edition: a sequence of scenes, not a product catalogue. */
.brand-experience { --brand-ink:#203d42; --brand-muted:#657b7c; --brand-teal:#257c70; color:var(--brand-ink); }
.brand-experience section[id] { scroll-margin-top:100px; }
.brand-experience .future-hero { padding:28px 0 0; background:linear-gradient(120deg,#f7f9f8,#edf4f2 58%,#e9f1f2); }
.brand-experience .future-hero-inner { position:relative; }
.brand-experience .future-hero-title { font-size:clamp(3.1rem,4.65vw,4.7rem); color:var(--brand-ink); }
.brand-experience .future-hero-title span { color:#668b87; }
.brand-experience .future-eyebrow, .brand-experience .future-kicker { color:#527870; }
.brand-experience .future-btn-primary { background:#275b56; }
.brand-experience .future-btn-primary:hover { background:#193e3c; }
.brand-hero-aura { position:absolute; width:min(850px,65vw); aspect-ratio:1; top:-16%; right:-6%; border-radius:50%; background:radial-gradient(circle, #d0e5dd66, #f2f7f200 65%); pointer-events:none; }
.brand-chapter-nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:52px; border-top:1px solid #cedbd7; }
.brand-chapter-nav a { display:flex; align-items:center; gap:22px; padding:24px 28px; color:#465f60; font-size:12px; border-right:1px solid #cedbd7; transition:background .25s,color .25s; }
.brand-chapter-nav a:first-child { padding-left:0; }.brand-chapter-nav a:last-child { border:0; }
.brand-chapter-nav a > span:first-child { font:10px ui-monospace,monospace; color:#879e9c; }
.brand-chapter-nav a > span:last-child { margin-left:auto; font-size:20px; transition:transform .25s; }
.brand-chapter-nav a:hover, .brand-chapter-nav a.is-current { color:#246f61; }
.brand-chapter-nav a:hover > span:last-child { transform:translate(3px,3px); }
.brand-experience .brand-ribbon { background:#244d48; border:0; padding-block:22px; }
.brand-experience .brand-marquee-group span { color:#e0ece5; font-size:11px; letter-spacing:.14em; }
.brand-experience .brand-marquee-group i { color:#a6cbb8; font-size:17px; }
.brand-space-section { padding:112px 0 90px; background:#fcfdfa; }
.brand-editorial-heading { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,.75fr); align-items:end; gap:60px; margin-bottom:42px; }
.brand-editorial-heading h2, .brand-collaboration-heading h2 { font-size:clamp(2rem,3.35vw,3.3rem); font-weight:600; letter-spacing:-.055em; line-height:1.35; margin:24px 0 0; }
.brand-editorial-heading h2 > span, .brand-collaboration-heading h2 > span { display:block; color:#6e928a; }
.brand-editorial-note p { color:var(--brand-muted); font-size:.87rem; line-height:1.9; margin:0 0 20px; max-width:340px; }
.brand-editorial-note > span { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:10px; letter-spacing:.06em; color:#477266; }
.brand-editorial-note > span > span { font-size:22px; }
.brand-room-figure { margin:0; }
.brand-room-scene { position:relative; height:clamp(420px,44vw,630px); overflow:hidden; background:#d5dacf; isolation:isolate; border-radius:3px; }
.brand-room-base, .brand-room-colour, .brand-room-colour img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.brand-room-base { filter:grayscale(1) brightness(1.1); }
.brand-room-colour { clip-path:inset(0 0 0 var(--reveal,50%)); }
.brand-room-labels { position:absolute; inset:24px 28px auto; display:flex; justify-content:space-between; gap:20px; color:white; pointer-events:none; z-index:2; }
.brand-room-labels > span { background:#203b3685; backdrop-filter:blur(12px); padding:8px 11px; border:1px solid #ffffff30; font:9px ui-monospace,monospace; letter-spacing:.09em; border-radius:2px; }
.brand-room-divider { position:absolute; top:0; bottom:0; left:var(--reveal,50%); width:2px; background:#fff; transform:translateX(-1px); box-shadow:0 0 16px #233b3440; z-index:3; pointer-events:none; }
.brand-room-divider > span { position:absolute; left:50%; top:50%; display:grid; place-items:center; width:56px; height:56px; border-radius:50%; background:#fffffff0; color:#345f50; font-size:25px; transform:translate(-50%,-50%); box-shadow:0 3px 26px #15352830; border:7px solid #ffffff50; background-clip:padding-box; }
.brand-room-range { position:absolute; inset:0; z-index:4; width:100%; height:100%; margin:0; opacity:0; cursor:ew-resize; touch-action:pan-y; }
.brand-room-scene:focus-within { outline:3px solid #247966; outline-offset:5px; }
.brand-room-word { position:absolute; bottom:28px; left:32px; color:#fff; font-size:clamp(2rem,5vw,5.2rem); line-height:.95; font-weight:650; letter-spacing:-.065em; pointer-events:none; text-shadow:0 2px 28px #1b3c3830; }
.brand-room-figure figcaption { display:flex; justify-content:space-between; gap:20px; padding-top:15px; color:#596f62; font-size:11px; line-height:1.7; }
.brand-room-figure figcaption > span:last-child { display:flex; gap:20px; white-space:nowrap; font:9px/1.7 ui-monospace,monospace; }
.brand-space-notes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; margin-top:38px; }
.brand-space-notes > div { border-top:1px solid #dbe3da; padding-top:18px; }
.brand-space-notes > div > span, .brand-values-row article > span { color:#596f62; font:10px/1.5 ui-monospace,monospace; letter-spacing:.12em; }
.brand-space-notes h3 { margin:12px 0 0; font-size:1rem; font-weight:500; letter-spacing:-.02em; }
.brand-craft-section { position:relative; isolation:isolate; overflow:hidden; background:#142b30; color:#fff; }
.brand-craft-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; z-index:-2; animation:brand-detail-breathe 20s ease-in-out infinite; animation-play-state:paused; }
.brand-craft-section.is-in-view .brand-craft-image { animation-play-state:running; }
.brand-craft-shade { position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#0d252bee 0%,#112a30a1 38%,#152c3420 75%),linear-gradient(0deg,#10272e99,transparent 40%); }
.brand-craft-content { min-height:740px; display:flex; flex-direction:column; padding-top:38px; padding-bottom:34px; }
.brand-craft-topline, .brand-craft-bottom { display:flex; justify-content:space-between; gap:20px; color:#d3dfdf; font-size:9px; letter-spacing:.12em; }
.brand-craft-copy { max-width:610px; margin:auto 0; padding:72px 0; }
.brand-craft-overline { color:#bfd7d0; font:10px/1.5 ui-monospace,monospace; letter-spacing:.2em; }
.brand-craft-copy h2 { font-size:clamp(2.6rem,4.7vw,4.7rem); font-weight:550; letter-spacing:-.045em; line-height:1.22; margin:24px 0; }
.brand-craft-copy h2 > span { display:block; color:#c6ded4; }
.brand-craft-copy p { color:#d6e1df; max-width:330px; font-size:.86rem; line-height:1.95; margin:0 0 30px; }
.brand-craft-link { display:inline-flex; gap:46px; align-items:center; color:#fff; font-size:.77rem; padding:12px 0; border-bottom:1px solid #ffffff66; }
.brand-craft-link:hover { color:#d2f5e3; border-color:#d2f5e3; }.brand-craft-link span { font-size:20px; }
.brand-craft-bottom { padding-top:22px; border-top:1px solid #ffffff26; color:#b8cecd; }
.brand-manifesto { padding:106px 0 90px; background:#f6f8f4; }
.brand-manifesto-intro { display:flex; justify-content:space-between; align-items:start; gap:30px; }
.brand-manifesto-intro p { max-width:280px; font-size:.8rem; line-height:1.9; color:var(--brand-muted); margin:0; }
.brand-manifesto-title { position:relative; isolation:isolate; width:fit-content; margin:76px 0 82px; font-size:clamp(3.3rem,7.2vw,7rem); font-weight:550; letter-spacing:-.07em; line-height:1.2; }
.brand-manifesto-title > span:not(.brand-paint-mark) { display:block; color:#448373; }
.brand-paint-mark { position:absolute; width:78%; height:28%; left:23%; bottom:1%; z-index:-1; border-radius:4% 10% 3% 4%; background:repeating-linear-gradient(0deg,#bdd4b630 0 2px,#a2c3ae40 2px 3px,transparent 3px 6px),linear-gradient(100deg,#d2e4c988,#c7dbc7c9 20%,#d6e7cdbb 88%,#d3e1c533); transform:rotate(-4deg); transform-origin:left center; clip-path:polygon(1% 8%,97% 0,99% 23%,97% 44%,100% 66%,97% 98%,0 93%,2% 65%,0 40%); box-shadow:0 9px 18px #62897910; }
.brand-manifesto.is-in-view .brand-paint-mark { animation:brand-stroke-in 1.7s cubic-bezier(.2,.7,.2,1) both; }
.brand-values-row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:44px; }
.brand-values-row article { border-top:1px solid #cfdcd0; padding-top:24px; }
.brand-values-row h3 { margin:22px 0 14px; font-size:1.05rem; line-height:1.65; font-weight:550; letter-spacing:-.02em; }
.brand-values-row p { color:var(--brand-muted); font-size:.8rem; line-height:1.9; margin:0; max-width:295px; }
.brand-collaboration { padding:110px 0; background:#fff; }
.brand-collaboration-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:100px; }
.brand-collaboration-heading p { color:var(--brand-muted); margin:26px 0 30px; font-size:.84rem; line-height:1.9; max-width:330px; }
.brand-collaboration-topics details { border-top:1px solid #d6e2db; padding:0 0 4px; }
.brand-collaboration-topics details:last-child { border-bottom:1px solid #d6e2db; }
.brand-collaboration-topics summary { display:flex; align-items:center; gap:26px; padding:25px 0; cursor:pointer; list-style:none; }
.brand-collaboration-topics summary::-webkit-details-marker { display:none; }
.brand-collaboration-topics summary > span { font:10px ui-monospace,monospace; color:#7b9185; }
.brand-collaboration-topics summary h3 { margin:0; font-size:1.3rem; font-weight:550; letter-spacing:-.035em; }
.brand-collaboration-topics summary i { font-style:normal; font-size:29px; font-weight:300; line-height:1; margin-left:auto; color:#638777; transition:transform .25s; }
.brand-collaboration-topics details[open] summary i { transform:rotate(45deg); }
.brand-collaboration-topics details > div { padding:0 40px 26px; }
.brand-collaboration-topics details p { color:var(--brand-muted); font-size:.82rem; line-height:1.9; margin:0 0 18px; }
.brand-collaboration-topics details a { color:#356b56; font-size:.75rem; display:inline-flex; gap:24px; border-bottom:1px solid #cfddd2; padding-bottom:6px; }
.brand-collaboration-topics summary:focus-visible { outline:2px solid #397760; outline-offset:5px; }
.brand-finale { position:relative; isolation:isolate; overflow:hidden; padding:85px 0 70px; background:#e7efdf; }
.brand-finale h2 { width:fit-content; margin:45px 0 56px; font-size:clamp(4.2rem,12.5vw,12rem); line-height:1; letter-spacing:-.085em; font-weight:550; }
.brand-finale h2 em { color:#447760; font-style:normal; }
.brand-finale-bottom { display:flex; align-items:center; flex-wrap:wrap; gap:22px 30px; border-top:1px solid #bbcdb988; padding-top:28px; }
.brand-finale-bottom p { flex:1 1 250px; color:#59745f; font-size:.85rem; margin:0; }
.brand-finale-email { color:#5f7d66; font-size:.78rem; }.brand-finale-email:hover { color:#244e36; }
.brand-finale-rings { position:absolute; width:530px; height:530px; right:-100px; top:-230px; transform:rotateX(55deg) rotateZ(-25deg); transform-style:preserve-3d; z-index:-1; pointer-events:none; }
.brand-finale-rings i { position:absolute; inset:0; border-radius:50%; border:24px solid #dae7d2; box-shadow:9px 13px 0 #bdcfb433,0 25px 35px #8098710d,inset 1px 2px 2px #ffffffaa; }
.brand-finale-rings i:nth-child(2) { inset:64px; transform:translateZ(34px); }.brand-finale-rings i:nth-child(3) { inset:128px; transform:translateZ(68px); }
.brand-finale.is-in-view .brand-finale-rings { animation:brand-rings-float 14s ease-in-out infinite; }
.brand-experience.is-experience-paused *, .brand-experience.is-experience-paused *::before, .brand-experience.is-experience-paused *::after { animation-play-state:paused !important; }
@keyframes brand-detail-breathe { 0%,100% { transform:scale(1); } 50% { transform:scale(1.065) translateX(-.5%); } }
@keyframes brand-stroke-in { from { transform:rotate(-4deg) scaleX(.05); opacity:0; } to { transform:rotate(-4deg) scaleX(1); opacity:1; } }
@keyframes brand-rings-float { 0%,100% { transform:rotateX(55deg) rotateZ(-25deg) translateY(0); } 50% { transform:rotateX(45deg) rotateZ(-15deg) translateY(-14px); } }
@media (max-width:991px) {
    .brand-experience .future-hero-title { font-size:3.8rem; }
    .brand-chapter-nav { margin-top:32px; }.brand-chapter-nav a { padding:23px 16px; gap:14px; }
    .brand-space-section { padding:80px 0 65px; }.brand-editorial-heading { gap:36px; }
    .brand-craft-content { min-height:650px; }.brand-craft-copy { max-width:540px; }
    .brand-manifesto { padding:80px 0 65px; }.brand-values-row { gap:26px; }
    .brand-collaboration { padding:80px 0; }.brand-collaboration-layout { gap:50px; }
    .brand-finale { padding:65px 0 55px; }
}
@media (max-width:767px) {
    .brand-experience section[id] { scroll-margin-top:80px; }
    .brand-experience .future-hero { padding-top:25px; }
    .brand-experience .future-hero-title { font-size:clamp(2.8rem,9.2vw,3.6rem); }
    .brand-chapter-nav a { gap:8px; padding:19px 12px; font-size:10px; align-items:start; flex-wrap:wrap; }
    .brand-chapter-nav a > span:first-child { display:block; flex-basis:100%; font-size:9px; }
    .brand-chapter-nav a > span:last-child { font-size:15px; }
    .brand-experience .brand-ribbon { padding-block:18px; }.brand-experience .brand-marquee-group span { font-size:9px; }
    .brand-space-section { padding:64px 0 48px; }
    .brand-editorial-heading { grid-template-columns:1fr; gap:24px; margin-bottom:28px; }
    .brand-editorial-heading h2, .brand-collaboration-heading h2 { font-size:clamp(1.8rem,6.8vw,2.5rem); margin-top:18px; }
    .brand-editorial-note p { max-width:420px; font-size:.81rem; margin-bottom:12px; }
    .brand-editorial-note > span { font-size:9px; }
    .brand-room-scene { height:440px; }.brand-room-base, .brand-room-colour img { object-position:62% center; }
    .brand-room-labels { inset:18px 16px auto; gap:8px; }.brand-room-labels > span { font-size:8px; padding:7px; max-width:46%; }
    .brand-room-word { bottom:22px; left:20px; font-size:2.5rem; }.brand-room-divider > span { width:48px; height:48px; font-size:23px; }
    .brand-room-figure figcaption { gap:8px; flex-direction:column; font-size:10px; }.brand-room-figure figcaption > span:last-child { font-size:9px; justify-content:space-between; }
    .brand-space-notes { gap:16px; margin-top:28px; }.brand-space-notes > div > span { font-size:9px; letter-spacing:0; }.brand-space-notes h3 { font-size:.75rem; line-height:1.7; }
    .brand-craft-content { min-height:660px; padding-top:26px; padding-bottom:24px; }
    .brand-craft-image { object-position:64% center; }.brand-craft-shade { background:linear-gradient(90deg,#10272bdd,#10272b33),linear-gradient(0deg,#10272bef,transparent 80%); }
    .brand-craft-topline, .brand-craft-bottom { font-size:8px; letter-spacing:.04em; gap:18px; }
    .brand-craft-copy { padding:100px 0 60px; margin:auto 0 0; }.brand-craft-copy h2 { font-size:clamp(2.4rem,8.5vw,3.6rem); margin-top:18px; }
    .brand-craft-copy p { font-size:.8rem; max-width:270px; }.brand-craft-overline { font-size:9px; }
    .brand-manifesto { padding:60px 0; }.brand-manifesto-intro { flex-direction:column; gap:16px; }.brand-manifesto-intro p { font-size:.77rem; }
    .brand-manifesto-title { margin:50px 0 54px; font-size:clamp(2.5rem,9.2vw,4.6rem); }
    .brand-values-row { grid-template-columns:1fr; gap:26px; }.brand-values-row article { padding-top:20px; }
    .brand-values-row h3 { margin:14px 0 10px; font-size:1rem; }.brand-values-row p { max-width:none; font-size:.78rem; }
    .brand-collaboration { padding:62px 0; }.brand-collaboration-layout { grid-template-columns:1fr; gap:36px; }
    .brand-collaboration-heading p { margin:22px 0; font-size:.8rem; }.brand-collaboration-topics summary { padding:22px 0; gap:20px; }
    .brand-collaboration-topics summary h3 { font-size:1.15rem; }.brand-collaboration-topics details > div { padding-left:33px; padding-right:20px; }.brand-collaboration-topics details p { font-size:.8rem; }
    .brand-finale { padding:56px 0 45px; }.brand-finale h2 { font-size:clamp(3.5rem,13.4vw,6.4rem); margin:40px 0 34px; }
    .brand-finale-bottom { gap:22px; }.brand-finale-bottom p { flex-basis:100%; font-size:.78rem; }.brand-finale-email { font-size:.73rem; }
    .brand-finale-rings { width:360px; height:360px; right:-130px; top:-150px; }.brand-finale-rings i { border-width:18px; }.brand-finale-rings i:nth-child(2) { inset:45px; }.brand-finale-rings i:nth-child(3) { inset:90px; }
}
@media (max-width:359px) {
    .brand-chapter-nav a { padding-right:9px; padding-left:9px; font-size:9px; }
    .brand-experience .future-hero-title { font-size:2.65rem; }.brand-experience .brand-signature p { font-size:8px; }
    .brand-room-scene { height:380px; }.brand-room-word { font-size:2.1rem; }
    .brand-space-notes { gap:10px; }.brand-space-notes h3 { font-size:.7rem; }
    .brand-finale h2 { font-size:13.2vw; }.brand-finale-email { flex-basis:100%; }
}