@charset "UTF-8";
/* Five floating exhibits, one painter at the heart of the gallery. */
.hero.hero-split { --gallery-header-height:78px; position:relative; width:100%; max-width:none; margin:0; padding:0; }
.hero-split .inspiration-stage {
  display:block; width:100%; height:calc(100svh - var(--gallery-header-height)); min-height:620px; padding:0; overflow:hidden;
  border:0; border-radius:0; box-shadow:none;
  background:radial-gradient(ellipse at 50% 50%,#fff9fc 0,transparent 46%),radial-gradient(ellipse at 9% 10%,#e7f7ff,transparent 55%),linear-gradient(130deg,#b8e1ff,#d7e7ff 46%,#ffc4e2);
}
.exhibition-heading { position:absolute; z-index:5; top:29px; left:40px; right:40px; display:flex; align-items:center; justify-content:space-between; gap:20px; white-space:nowrap; font-size:9px; }
.exhibition-heading > span { display:block; color:#557ba3; font-size:inherit; letter-spacing:.17em; }
.exhibition-heading h2 { margin:0; font-size:inherit; color:#34597e; font-weight:600; letter-spacing:.13em; }
.hero-split .inspiration-stage .category-cards { display:contents; }
.hero-split .inspiration-stage .hero-ip.hero-motion { --gallery-ip-size:clamp(380px,min(40vw,calc((100svh - var(--gallery-header-height)) * .68)),560px); position:absolute; z-index:2; width:var(--gallery-ip-size); max-width:none; height:var(--gallery-ip-size); top:59%; left:50%; right:auto; bottom:auto; transform:translate(-50%,-50%); pointer-events:none; }
.hero-split .inspiration-stage .hero-motion::before { bottom:3%; height:29px; opacity:.72; }
.exhibition-caption { position:absolute; z-index:3; bottom:27px; left:50%; transform:translateX(-50%); margin:0; padding:9px 20px; border:1px solid #ffffffb3; border-radius:30px; background:#ffffff66; font-size:12px; color:#5a6a8b; white-space:nowrap; }
.hero-split .inspiration-stage .category-card { position:absolute; z-index:4; width:25%; height:218px; padding:21px; border-radius:29px; animation:exhibit-drift 10s ease-in-out infinite; will-change:translate; }
.hero-split .inspiration-stage .category-packaging { --base-angle:-7deg; top:16%; left:4%; }
.hero-split .inspiration-stage .category-branding { --base-angle:7deg; top:18%; right:4%; left:auto; animation-delay:-4s; animation-duration:11s; }
.hero-split .inspiration-stage .category-event-materials { --base-angle:-5deg; top:62%; left:8%; width:21%; height:174px; animation-delay:-2s; animation-duration:12s; }
.hero-split .inspiration-stage .category-illustration { --base-angle:5deg; top:64%; right:7%; width:20%; height:174px; animation-delay:-6s; animation-duration:13s; background:linear-gradient(130deg,#fffbf4,#ffdfbe 65%,#ffc9d9); }
.hero-split .inspiration-stage .category-posters { --base-angle:-4deg; top:11%; left:41%; width:18%; height:120px; animation-delay:-7s; animation-duration:11.5s; background:linear-gradient(140deg,#f5fbff,#b8ddff 58%,#e1ccf6); }
.inspiration-stage .category-meta { font-size:8px; letter-spacing:.07em; }
.inspiration-stage .category-copy strong { font-size:28px; }
.inspiration-stage .category-copy p { margin-top:7px; font-size:12px; }
.inspiration-stage .category-packaging .category-copy { max-width:none; }
.inspiration-stage .category-event-materials .category-copy strong,.inspiration-stage .category-illustration .category-copy strong { font-size:23px; }
.inspiration-stage .category-posters .category-copy strong { font-size:22px; }
.inspiration-stage .category-posters .category-copy p { font-size:11px; }
.inspiration-stage .category-object { position:absolute; width:86px; height:86px; top:34px; right:19px; margin:0; transform:scale(.75); transform-origin:top right; }
.inspiration-stage .category-packaging .category-object { width:100px; height:100px; right:25px; top:29px; transform:rotate(-8deg) scale(.94); }
.inspiration-stage .category-branding .category-object { top:30px; right:25px; transform:scale(1.02); }
.inspiration-stage .category-event-materials .category-object { top:24px; transform:scale(.66); }
.inspiration-stage .category-illustration .category-object { top:27px; transform:rotate(7deg) scale(.65); }
.inspiration-stage .category-posters .category-object { top:16px; right:14px; transform:rotate(7deg) scale(.46); }
.inspiration-stage .category-arrow { width:25px; height:25px; bottom:18px; right:14px; font-size:18px; }
.inspiration-stage .category-card:hover,.inspiration-stage .category-card:focus-visible { animation-play-state:paused; z-index:6; --lift:-5px; box-shadow:inset 0 3px 7px #fff,0 22px 35px #538acb38; }
.inspiration-stage:has(.category-card:focus-visible) .category-card { animation-play-state:paused; }
.object-palette i { position:absolute; top:4px; left:5px; width:72px; height:60px; background:linear-gradient(145deg,#fff2cf,#e5b66f); border-radius:52% 48% 46% 54%; transform:rotate(-24deg); box-shadow:inset 2px 3px 4px #fff9,3px 5px 8px #b1834b22; }
.object-palette i::before { content:""; position:absolute; width:13px; height:13px; top:28px; left:9px; border-radius:50%; background:#ffe3cb; box-shadow:18px -19px 0 -1px #81b9f1,36px -10px 0 0 #f29bc5,36px 10px 0 -1px #b5a0e7; }
.object-palette b { position:absolute; right:7px; top:-5px; width:8px; height:82px; border-radius:5px; background:linear-gradient(90deg,#6198d4,#b8dbff,#588cc4); transform:rotate(29deg); }
.object-palette b::before { content:""; position:absolute; top:-10px; left:-2px; width:12px; height:23px; border-radius:70% 10% 50% 40%; background:linear-gradient(90deg,#9b653b,#d9b47c); }
.object-poster i,.object-poster b { position:absolute; width:49px; height:65px; left:6px; top:7px; border:4px solid #fff9; border-radius:7px; background:linear-gradient(140deg,#ffa9d0,#ffe2f0); transform:rotate(-14deg); box-shadow:3px 6px 8px #7f8fad33; }
.object-poster b { left:29px; top:0; background:linear-gradient(140deg,#f2f9ff,#88c3f6); transform:rotate(12deg); }
.object-poster b::before { content:""; position:absolute; width:28px; height:28px; left:5px; top:7px; border:7px solid #ffcee4; border-radius:50%; }
.object-poster em { position:absolute; width:24px; height:4px; right:13px; bottom:23px; background:#fff; transform:rotate(12deg); border-radius:5px; }
.exhibition-scenery { position:absolute; inset:0; pointer-events:none; z-index:0; overflow:hidden; border-radius:inherit; }
.gallery-orbit { position:absolute; width:78%; height:55%; border:1px solid #ffffffb8; border-radius:50%; left:11%; top:29%; transform:rotate(-14deg); box-shadow:0 0 0 12px #ffffff12; }
.gallery-orbit.orbit-two { width:62%; height:71%; top:18%; left:19%; transform:rotate(20deg); border-color:#afcfee5c; box-shadow:none; }
.gallery-bubble { position:absolute; width:38px; height:38px; border:1px solid #fff9; border-radius:50%; background:radial-gradient(circle at 28% 24%,#fff 0,#ffffff85 12%,#ffffff15 38%,#bbddff66 62%,#d5acdf99 90%); box-shadow:inset -2px -3px 6px #fff7,0 8px 15px #7797ba1c; animation:gallery-bob 8s ease-in-out infinite; }
.bubble-one { left:34%; top:35%; width:24px; height:24px; }
.bubble-two { right:30%; top:60%; animation-delay:-3s; }
.bubble-three { left:32%; bottom:11%; width:18px; height:18px; animation-delay:-5s; }
.gallery-spark { position:absolute; width:21px; height:21px; background:linear-gradient(130deg,#fff3c4,#f8c779); clip-path:polygon(50% 0,62% 36%,100% 50%,62% 64%,50% 100%,38% 64%,0 50%,38% 36%); animation:gallery-glow 5s ease-in-out infinite; }
.spark-one { left:31%; top:17%; transform:rotate(14deg); }
.spark-two { right:30%; top:47%; width:17px; height:17px; animation-delay:-2s; }
.spark-three { left:36%; bottom:19%; width:14px; height:14px; animation-delay:-4s; }
@keyframes exhibit-drift { 0%,100% { translate:0 0; rotate:0deg; } 25% { translate:9px -9px; rotate:1deg; } 50% { translate:-2px -16px; rotate:0deg; } 75% { translate:-9px 3px; rotate:-1deg; } }
@keyframes gallery-bob { 0%,100% { translate:0 0; } 50% { translate:8px -17px; } }
@keyframes gallery-glow { 0%,100% { opacity:.65; scale:.85; } 50% { opacity:1; scale:1.1; } }
.inspiration-stage[data-motion-active="false"] .category-card,.inspiration-stage[data-motion-active="false"] .gallery-bubble,.inspiration-stage[data-motion-active="false"] .gallery-spark { animation-play-state:paused; }
.hero-split .hero-after { position:absolute; z-index:5; right:40px; bottom:23px; margin:0; padding:0; border:0; }
@media(min-width:761px) and (max-width:1100px) {
 .hero-split .inspiration-stage .hero-ip.hero-motion { width:420px; height:420px; top:61%; }
 .hero-split .inspiration-stage .category-card { width:26%; height:199px; padding:17px; }
 .hero-split .inspiration-stage .category-packaging { left:3%; top:19%; }
 .hero-split .inspiration-stage .category-branding { right:3%; top:22%; }
 .hero-split .inspiration-stage .category-event-materials { left:5%; top:65%; width:23%; height:160px; }
 .hero-split .inspiration-stage .category-illustration { right:4%; top:66%; width:22%; height:160px; }
 .hero-split .inspiration-stage .category-posters { width:23%; left:38%; height:116px; top:16%; }
 .inspiration-stage .category-copy strong { font-size:25px; }
 .inspiration-stage .category-copy p { font-size:11px; }
 .inspiration-stage .category-meta { font-size:7px; }
 .inspiration-stage .category-event-materials .category-copy strong,.inspiration-stage .category-illustration .category-copy strong,.inspiration-stage .category-posters .category-copy strong { font-size:21px; }
 .inspiration-stage .category-packaging .category-object,.inspiration-stage .category-branding .category-object { transform:scale(.8); }
 .exhibition-caption { bottom:19px; font-size:11px; }
}
@media(max-width:760px) {
 .hero-split .inspiration-stage { min-height:890px; }
 .exhibition-heading { top:24px; left:24px; right:24px; gap:12px; font-size:7px; }
 .exhibition-heading > span { letter-spacing:.11em; }
 .hero-split .inspiration-stage .hero-ip.hero-motion { width:340px; height:340px; max-width:none; top:390px; left:50%; }
 .hero-split .inspiration-stage .category-card { width:43%; height:157px; padding:14px 12px; border-radius:23px; animation-name:exhibit-drift-mobile; }
 .hero-split .inspiration-stage .category-packaging { top:85px; left:5%; --base-angle:-6deg; }
 .hero-split .inspiration-stage .category-branding { top:105px; right:5%; --base-angle:6deg; }
 .hero-split .inspiration-stage .category-event-materials { top:580px; left:4%; width:44%; height:136px; --base-angle:-5deg; }
 .hero-split .inspiration-stage .category-illustration { top:600px; right:4%; width:43%; height:136px; --base-angle:6deg; }
 .hero-split .inspiration-stage .category-posters { top:755px; left:25%; width:50%; height:83px; padding:12px 15px; --base-angle:-4deg; }
 .inspiration-stage .category-meta { font-size:6px; letter-spacing:.02em; }
 .inspiration-stage .category-copy strong { font-size:23px; }
 .inspiration-stage .category-copy p { margin-top:5px; font-size:10px; }
 .inspiration-stage .category-event-materials .category-copy strong,.inspiration-stage .category-illustration .category-copy strong { font-size:20px; }
 .inspiration-stage .category-posters .category-copy strong { font-size:19px; }
 .inspiration-stage .category-posters .category-copy p { font-size:9px; }
 .inspiration-stage .category-posters .category-meta { display:none; }
 .inspiration-stage .category-packaging .category-object { top:21px; right:13px; transform:rotate(-8deg) scale(.58); }
 .inspiration-stage .category-branding .category-object { top:21px; right:14px; transform:scale(.65); }
 .inspiration-stage .category-event-materials .category-object,.inspiration-stage .category-illustration .category-object { top:18px; right:12px; transform:scale(.48); }
 .inspiration-stage .category-posters .category-object { top:12px; right:7px; transform:scale(.43); opacity:.8; }
 .inspiration-stage .category-arrow { width:20px; height:20px; font-size:15px; right:8px; bottom:12px; }
 .inspiration-stage .category-posters .category-arrow { bottom:8px; right:7px; width:17px; height:17px; }
 .exhibition-caption { top:46px; bottom:auto; font-size:9px; padding:0; border:0; background:none; }
 .hero-split .hero-after { right:24px; bottom:12px; }
 .gallery-orbit { width:116%; height:47%; left:-8%; top:27%; transform:rotate(-27deg); }
 .gallery-orbit.orbit-two { width:86%; height:79%; left:7%; top:12%; transform:rotate(9deg); }
 .bubble-one { left:8%; top:40%; }
 .bubble-two { right:7%; top:55%; width:27px; height:27px; }
 .bubble-three { left:17%; bottom:14%; }
 .spark-one { left:13%; top:34%; }
 .spark-two { right:10%; top:44%; }
 .spark-three { left:49%; bottom:15%; }
}
@media(max-width:700px) { .hero.hero-split { --gallery-header-height:68px; } }
@keyframes exhibit-drift-mobile { 0%,100% { translate:0 0; rotate:0deg; } 25% { translate:3px -4px; rotate:.5deg; } 50% { translate:-1px -7px; rotate:0deg; } 75% { translate:-3px 2px; rotate:-.5deg; } }
@media(max-width:360px) {
 .hero-split .inspiration-stage .category-card { padding-inline:10px; }
 .inspiration-stage .category-copy strong { font-size:21px; }
 .inspiration-stage .category-copy p { font-size:9px; }
 .inspiration-stage .category-event-materials .category-copy strong,.inspiration-stage .category-illustration .category-copy strong { font-size:18px; }
 .hero-split .inspiration-stage .hero-ip.hero-motion { width:310px; height:310px; }
}
@media(prefers-reduced-motion:reduce) {
 .inspiration-stage .category-card,.inspiration-stage .gallery-bubble,.inspiration-stage .gallery-spark { animation:none !important; will-change:auto; }
}