/* Full visual treatment for the live theme carousel. */
.motion-carousel-viewport{position:relative;overflow:hidden;width:100%;padding:4px 2px 12px}
.motion-carousel-viewport .motion-preview-grid{display:flex!important;grid-template-columns:none!important;grid-auto-columns:unset!important;gap:16px;width:100%;transition:transform .8s cubic-bezier(.22,.7,.25,1);will-change:transform}
.motion-carousel-viewport .motion-preview{position:relative;display:flex;flex:0 0 calc((100% - 32px)/3);height:clamp(320px,34vw,480px);min-width:0;border-radius:3px;isolation:isolate;overflow:hidden}
.motion-carousel-viewport .motion-preview::after{content:"";position:absolute;inset:45% 0 0;z-index:1;background:linear-gradient(0deg,#0b100edb,transparent);pointer-events:none}
.motion-carousel-viewport .motion-preview>span,.motion-carousel-viewport .motion-preview>strong,.motion-carousel-viewport .motion-preview>small{z-index:2}
.motion-carousel-viewport .motion-preview>span{font-size:8px;letter-spacing:1px}
.motion-carousel-viewport .motion-preview>strong{max-width:95%;font-size:clamp(28px,3.3vw,50px);line-height:.93;letter-spacing:-1.8px}
.motion-carousel-viewport .motion-preview>small{font-size:8px;letter-spacing:.8px}
.motion-carousel-viewport .motion-preview.is-current{border-color:#d9f174;box-shadow:inset 0 0 0 1px #d9f17466}
.motion-carousel-controls{display:flex;align-items:center;gap:18px;min-height:52px;border-top:1px solid #ffffff29;padding-top:13px;color:#c4cbbd;font:9px var(--mono);letter-spacing:1px}
.motion-carousel-arrows{display:flex;gap:7px}
.motion-carousel-arrows button{width:38px;height:36px;display:grid;place-items:center;border:1px solid #ffffff5c;border-radius:50%;background:transparent;color:#f4f1e9;font:18px Arial;cursor:pointer}
.motion-carousel-arrows button:hover,.motion-carousel-arrows button:focus-visible{background:#d9f174;color:#1c2924;border-color:#d9f174}
.motion-carousel-controls [data-count]{color:#d9f174;white-space:nowrap}
.motion-carousel-controls [data-name]{margin-left:auto;color:#f3f1e8;text-align:right}
.motion-botanica{background:radial-gradient(ellipse at 52% 58%,#e8d99f 0,#8ba879 44%,#294732 78%)!important;color:#fffef1!important}.motion-botanica>i{width:37%;height:64%;inset:8% 20% auto auto;border-radius:49% 49% 4px 4px;background:radial-gradient(ellipse at 40% 35%,#fff1c4,#d3bd7d 46%,#527251 76%);filter:drop-shadow(0 25px 35px #17291c66);animation:gallery-float 8s ease-in-out infinite}
.motion-brutal{background:linear-gradient(138deg,#d7ff36 0 33%,#f36d48 33% 61%,#4035b5 61%)!important;color:#171917!important}.motion-brutal>i{width:43%;height:57%;inset:9% 12% auto auto;background:repeating-linear-gradient(135deg,#171917 0 11px,#d7ff36 11px 22px);mix-blend-mode:multiply;transform:rotate(9deg)}
.motion-nocturne{background:radial-gradient(ellipse at 67% 35%,#a37b54 0,#382f2a 42%,#141718 80%)!important;color:#f3ecdd!important}.motion-nocturne>i{width:58%;height:75%;inset:8% 8% auto auto;background:linear-gradient(90deg,transparent,#d9b78066 48%,transparent),radial-gradient(ellipse,#e8c99a44,transparent 68%);filter:blur(3px);animation:gallery-glow 8s ease-in-out infinite alternate}
.motion-trattoria{background:radial-gradient(ellipse at 52% 52%,#e7bd82 0,#ae6242 45%,#492e24 80%)!important;color:#fff2dc!important}.motion-trattoria>i{width:48%;height:54%;inset:13% 12% auto auto;border-radius:50%;background:radial-gradient(circle at 38% 34%,#f3dba4,#be7045 56%,#633626);box-shadow:0 20px 70px #22130d99;animation:gallery-float 7s ease-in-out infinite}
.motion-journal{background:linear-gradient(145deg,#e7d8c4,#b9a38c 58%,#786956)!important;color:#292621!important}.motion-journal>i{width:37%;height:76%;inset:8% 12% auto auto;border:1px solid #29262166;border-left-width:3px;border-right-width:3px;transform:rotate(8deg);background:linear-gradient(0deg,transparent 30%,#24252318 30% 31%,transparent 31% 45%,#24252318 45% 46%,transparent 46%)}
.motion-monolith{background:linear-gradient(135deg,#d3c3a9,#8b8373 42%,#454b45 43% 67%,#c1b5a1 68%)!important;color:#fff!important}.motion-monolith>i{width:35%;height:72%;inset:6% 17% auto auto;background:linear-gradient(90deg,#363d38 0 23%,#d8cbb4 23% 73%,#686253 73%);box-shadow:14px 18px 0 #35362f44;animation:gallery-float 10s ease-in-out infinite}
.motion-still{background:radial-gradient(ellipse at 50% 40%,#efe4d8,#acbaca 50%,#647183 82%)!important;color:#fff!important}.motion-still>i{width:50%;height:57%;inset:8% 17% auto auto;border-radius:50% 50% 4px 4px;background:radial-gradient(ellipse at 35% 27%,#fbf1e1,#c4c8cf 52%,#8295a8);filter:drop-shadow(0 25px 35px #37485d55);animation:gallery-float 9s ease-in-out infinite}
.motion-ceramic{background:radial-gradient(ellipse at 51% 59%,#dcb597,#a37057 50%,#45382e 82%)!important;color:#fff6e9!important}.motion-ceramic>i{width:40%;height:60%;inset:12% 18% auto auto;border-radius:43% 43% 32% 32%;background:linear-gradient(90deg,#a6644a,#e2bea1 48%,#9b5b43);box-shadow:inset -20px -5px 25px #613d2c66,0 24px 45px #271a1466;animation:gallery-float 7.5s ease-in-out infinite}
.motion-chromatic{background:radial-gradient(circle at 30% 34%,#f7a28c,#eb7d9e 28%,#8f72cc 51%,#5f894d 82%)!important;color:#fff!important}.motion-chromatic>i{width:48%;height:54%;inset:8% 12% auto auto;border-radius:50%;background:radial-gradient(circle,#fff2bd,#f27f9f 47%,#7a65d7);filter:blur(4px);animation:gallery-glow 8s ease-in-out infinite alternate}
.motion-storybook{background:linear-gradient(135deg,#f8f5eb 0 48%,#9db6f6 48% 100%)!important;color:#2149ba!important}.motion-storybook>i{width:35%;height:73%;inset:7% 11% auto auto;background:linear-gradient(130deg,#93b6ff,#573acc);box-shadow:-16px 16px 0 #ffffffa8;animation:gallery-float 9s ease-in-out infinite}
.motion-punk{background:repeating-linear-gradient(135deg,#141414 0 7px,#8a8a82 7px 9px,#eeef23 9px 13px)!important;color:#fff!important}.motion-punk>i{inset:12% 16% auto auto;width:43%;height:54%;border:4px solid #171717;background:radial-gradient(circle,#eff522 0 9%,#171717 10% 14%,#ddd 15% 28%,#171717 29% 35%,#bbb 36%);filter:grayscale(1) contrast(1.4);transform:rotate(7deg)}
.motion-bluehour{background:radial-gradient(ellipse at 60% 38%,#92aef7,#4c5ea9 43%,#111b3a 83%)!important;color:#fff!important}.motion-bluehour>i{width:56%;height:75%;inset:6% 8% auto auto;background:linear-gradient(130deg,#bad1ff22,#496fdfaa 55%,#161d48);clip-path:polygon(20% 0,100% 7%,91% 100%,0 82%);animation:gallery-float 10s ease-in-out infinite}
.motion-signal{background:linear-gradient(140deg,#d4ff4f,#639c6e 38%,#1d3239 70%,#121618)!important;color:#f8f8ed!important}.motion-signal>i{width:38%;height:66%;inset:8% 12% auto auto;background:radial-gradient(ellipse at 40% 30%,#edffb3,#a3d866 40%,#3c745b 78%);animation:gallery-float 7s ease-in-out infinite}
.motion-dropp{background:radial-gradient(ellipse at 52% 48%,#f2ffd6,#b9d584 38%,#697b61 76%)!important;color:#20251f!important}.motion-dropp>i{width:48%;height:64%;inset:8% 10% auto auto;border-radius:2px;background:linear-gradient(145deg,#eff6d8,#98b968 42%,#435c4c);box-shadow:18px 20px 0 #e6eed280;transform:rotate(5deg);animation:gallery-float 8s ease-in-out infinite}
.motion-patisserie{background:radial-gradient(ellipse at 52% 58%,#f4d5ae,#c88868 47%,#74453c 82%)!important;color:#fff5e8!important}.motion-patisserie>i{width:43%;height:55%;inset:10% 14% auto auto;border-radius:48% 48% 12% 12%;background:radial-gradient(circle at 40% 35%,#ffe8c7,#cb9468 50%,#8a5144);box-shadow:0 20px 55px #51332b66;animation:gallery-float 7s ease-in-out infinite}
.motion-sankofa{background:linear-gradient(140deg,#6b302f,#d8a64f 42%,#365545 76%)!important;color:#fff8e8!important}.motion-sankofa>i{width:50%;height:54%;inset:10% 12% auto auto;border:1px solid #f2d99a88;border-radius:50%;background:radial-gradient(circle,#f4d98f,#c67c3c 57%,#7d3931);animation:gallery-float 8s ease-in-out infinite}
.motion-primarium{background:linear-gradient(145deg,#f4f0e6,#d7d0c1 56%,#9aa477)!important;color:#302f2a!important}.motion-primarium>i{width:36%;height:75%;inset:7% 12% auto auto;border:1px solid #302f2a55;border-left:3px solid #302f2a;border-right:3px solid #302f2a;background:repeating-linear-gradient(0deg,transparent 0 23px,#302f2a17 23px 24px);transform:rotate(7deg)}
.motion-noteslab{background:repeating-linear-gradient(0deg,#eef1e8 0 26px,#d9e1d5 26px 27px)!important;color:#29352c!important}.motion-noteslab>i{width:38%;height:62%;inset:10% 12% auto auto;border:1px solid #a4b39d;background:linear-gradient(145deg,#d9e3d5,#91a88d 45%,#f4f2e8);box-shadow:10px 12px 0 #899b8466;animation:gallery-float 9s ease-in-out infinite}
@keyframes gallery-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-13px) rotate(2deg)}}@keyframes gallery-glow{to{transform:translateX(-18px);opacity:.65}}
@media(max-width:850px){.motion-carousel-viewport .motion-preview{flex-basis:calc((100% - 16px)/2);height:340px}}
@media(max-width:560px){.motion-section{padding:62px 18px 70px}.motion-carousel-viewport .motion-preview{flex-basis:86%;height:290px}.motion-carousel-viewport .motion-preview>strong{font-size:34px}.motion-carousel-controls{gap:10px;flex-wrap:wrap}.motion-carousel-controls [data-name]{font-size:7px}.motion-carousel-arrows button{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){.motion-carousel-viewport .motion-preview-grid,.motion-carousel-viewport .motion-preview,.motion-carousel-viewport .motion-preview *, .motion-carousel-viewport .motion-preview::after{transition:none!important;animation:none!important}}