:root{--ink:#12362d;--muted:#526a5f;--paper:#f1f4ed;--white:#fffefb;--line:#cbd8cf}
body{background:var(--paper);color:var(--ink)}.btn:not(.secondary):not(.soft):not(.danger){background:color-mix(in srgb,var(--primary) 88%,#081e18)}
.theme-toggle{display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:var(--white);color:var(--ink);font-size:23px;cursor:pointer}.theme-toggle:hover{background:var(--surface)}
:focus-visible{outline:3px solid #2f91b4;outline-offset:4px}.mobile-menu-backdrop{position:fixed;inset:var(--mobile-nav-top,88px) 0 0;z-index:49;background:#071c17a6;backdrop-filter:blur(4px)}
.story-card .media-frame img,.product-image img,.scene-art img,.blog-cover img{transition:transform .75s cubic-bezier(.2,.65,.3,1),filter .5s;will-change:auto}.story-card,.product-card,.blog-card,.scene-card{transition:transform .35s,box-shadow .35s,border-color .35s}
@media(hover:hover) and (pointer:fine){.story-card:hover,.product-card:hover,.blog-card:hover,.scene-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px #173a2c20}.story-card:hover .media-frame img,.product-card:hover .product-image img,.blog-card:hover .blog-cover img,.scene-card:hover .scene-art img{transform:scale(1.055);filter:saturate(1.04)}.story-card .media-frame::before,.product-image:has(img)::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(110deg,transparent 30%,#ffffff24 48%,transparent 65%);transform:translateX(-130%);opacity:0;transition:transform .9s,opacity .4s}.product-image{position:relative}.story-card:hover .media-frame::before,.product-card:hover .product-image::after{transform:translateX(130%);opacity:1}}
.story-card:active,.product-card:active,.scene-card:active{transform:scale(.995)}.slider-pause{position:absolute;z-index:5;bottom:55px;inset-inline-end:26px;width:42px;height:42px;border:1px solid #ffffff8a;border-radius:50%;background:#153e36bb;color:#fff;cursor:pointer;font-size:16px}
html[data-color-mode=dark]{--ink:#e2ede5;--muted:#afc1b4;--paper:#101b17;--white:#1a2922;--line:#354a3e}
html[data-color-mode=dark] .site-header{background:#12231eee;border-color:#354a3e}html[data-color-mode=dark] .announcement,html[data-color-mode=dark] .site-footer{background:#091b15}html[data-color-mode=dark] .main-nav a{color:#bed0c3}html[data-color-mode=dark] .main-nav a.active{color:#d7e9c9}
html[data-color-mode=dark] .hero-slider .hero[style]{background-image:linear-gradient(90deg,#13221bf5,#13221bd9 30%,#13221b22 66%,transparent),var(--slide-image)}html[dir=rtl][data-color-mode=dark] .hero-slider .hero[style]{background-image:linear-gradient(270deg,#13221bf5,#13221bd9 30%,#13221b22 66%,transparent),var(--slide-image)}html[data-color-mode=dark] .hero .lead,html[data-color-mode=dark] .hero .eyebrow{color:#c0d5c5}
html[data-color-mode=dark] .story-card,html[data-color-mode=dark] .product-card,html[data-color-mode=dark] .blog-card,html[data-color-mode=dark] .panel,html[data-color-mode=dark] .stat,html[data-color-mode=dark] .account-card,html[data-color-mode=dark] .job-card,html[data-color-mode=dark] .scene-card,html[data-color-mode=dark] .auth-form{background:#1a2a21;color:var(--ink);border-color:#354a3e}html[data-color-mode=dark] .section.soft,html[data-color-mode=dark] .workspace,html[data-color-mode=dark] .workspace-main{background:#14231c}html[data-color-mode=dark] .workspace-sidebar{background:#0b2017}
html[data-color-mode=dark] .field input,html[data-color-mode=dark] .field textarea,html[data-color-mode=dark] .field select,html[data-color-mode=dark] .search-bar input,html[data-color-mode=dark] .language-picker select{background:#17281f;color:#e2ede5;border-color:#435d4a}html[data-color-mode=dark] .field label,html[data-color-mode=dark] .form-note,html[data-color-mode=dark] .studio-notice{color:#bbd2c2}html[data-color-mode=dark] .form-note,html[data-color-mode=dark] .studio-notice{background:#20382b}html[data-color-mode=dark] .studio-form .studio-notice{color:#d0e1d4}html[data-color-mode=dark] .btn:not(.soft):not(.secondary):not(.danger){background:#afcfb3;color:#102b1e}html[data-color-mode=dark] .btn.soft,html[data-color-mode=dark] .btn.secondary,html[data-color-mode=dark] .chip,html[data-color-mode=dark] .icon-button,html[data-color-mode=dark] .mobile-menu{background:#243c2d;color:#d4e5d6;border-color:#435d4a}html[data-color-mode=dark] .disclosure,html[data-color-mode=dark] .status{background:#294332;color:#d4e5c9}html[data-color-mode=dark] .studio-tool{background:#1e3528;color:#cee4d1;border-color:#3b5544}html[data-color-mode=dark] .studio-tool[aria-pressed=true]{background:#365c43;color:#fff}
@media(max-width:1000px){.site-header{z-index:60}.main-nav{position:fixed;top:var(--mobile-nav-top,88px);inset-inline:12px;width:auto;max-height:calc(100dvh - var(--mobile-nav-top,88px) - 20px);overflow-y:auto;overscroll-behavior:contain;background:var(--paper);padding:14px;border:1px solid var(--line);border-radius:0 0 20px 20px;box-shadow:0 22px 50px #09291e30;z-index:62;gap:4px}.main-nav.open{display:flex;align-items:stretch}.main-nav a{display:flex;align-items:center;min-height:48px;padding:12px 16px;border-radius:10px;font-size:15px}.main-nav a:hover,.main-nav a.active{background:color-mix(in srgb,var(--primary) 10%,var(--paper))}.mobile-menu{width:44px;height:44px;flex:none}.mobile-menu[aria-expanded=true]{font-size:30px}.language-picker select{min-height:44px;min-width:88px;font-size:14px;border:1px solid var(--line);border-radius:12px;background:var(--white)}.mobile-menu-open,.mobile-menu-open body{overflow:hidden}.header-actions{gap:7px}}
@media(max-width:700px){.header-row{display:grid;grid-template-columns:minmax(0,1fr) 40px auto;gap:7px;height:76px}.brand{gap:6px;min-width:0}.brand img{width:40px;height:40px}.brand strong{font-size:20px}.mobile-menu{width:40px;height:44px;margin:0}.header-actions{gap:3px}.theme-toggle{width:40px;height:44px}.language-picker select{min-width:74px;width:80px;padding:8px 4px;font-size:13px}.profile-button{padding:0 2px;min-width:34px;min-height:44px}.profile-button .avatar{width:30px;height:30px}.main-nav{top:var(--mobile-nav-top,106px)}.slider-pause{bottom:24px;inset-inline-end:70px;width:38px;height:38px}html[data-color-mode=dark] .hero-slider .hero[style],html[dir=rtl][data-color-mode=dark] .hero-slider .hero[style]{background-image:linear-gradient(0deg,#13221b 0%,#13221bf5 35%,#13221b26 70%,transparent),var(--slide-image)}.detail-media{min-height:0;aspect-ratio:3/2}.studio-tool-grid{gap:8px}.auth-form input,.auth-form textarea,.auth-form select,.field input,.field textarea,.field select{font-size:16px}.data-table{font-size:12px}.panel{max-width:100%}}
@media(max-width:370px){.brand>span{display:none}.header-row{gap:5px}.language-picker select{width:74px}.hero-slider .hero-copy .display{font-size:33px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.story-card:hover,.product-card:hover,.blog-card:hover,.scene-card:hover,.story-card:hover img,.product-card:hover img,.blog-card:hover img,.scene-card:hover img{transform:none!important}}
.site-header .main-nav{touch-action:pan-y}.hero-slider{touch-action:pan-y}.slider-pause{backdrop-filter:blur(8px)}
@media(max-width:1000px){.site-header{backdrop-filter:none;background:var(--paper)}}
.story-card>a{position:relative;display:block}