/* CesaStudio: warm paper, sharp typography, original products. */
:root{--blue:#69528b;--orange:#c56040;--ink:#242326;--muted:#6c6a68;--line:#d8d4cc;--paper:#f5f3ed;--body-ink:#242326;--surface:#ece9e1;--secondary:#6c6a68;--stroke:#d8d4cc;--highlight:#69528b}
html{scroll-padding-top:30px}body{background:var(--paper);color:var(--body-ink)}
.header{height:95px;padding:0;margin:0 5%;border-color:var(--stroke);gap:22px}.brand{font-size:30px;letter-spacing:-1.9px}.header nav{gap:27px;margin-right:12px;font-size:13px}.contact-top{font-size:13px}.theme-toggle{border:1px solid var(--stroke);width:35px;height:35px;font-size:20px}
.blue-opening{background:var(--paper);color:var(--body-ink);overflow:hidden}.hero{padding:28px 5% 0}.hero-label{font-size:10px;letter-spacing:1.5px;color:var(--secondary)}.hero-label span:last-child{font-size:10px}.hero-grid{grid-template-columns:1.15fr 1fr;gap:10%;padding:40px 0 50px;align-items:center}.hero h1{font-size:clamp(76px,8.5vw,140px);letter-spacing:-.073em;line-height:.97;font-weight:700}.hero-outline{font-family:Georgia,serif;font-weight:400;color:var(--body-ink)!important;font-style:italic;letter-spacing:-.06em}.hero-description{margin-top:28px;font-size:15px;line-height:1.8;color:var(--secondary)}.hero-cta-group{margin-top:28px;gap:25px;align-items:center}.hero-cta-group .primary{background:var(--body-ink);color:var(--paper);padding:14px 20px;min-height:53px}.text-button{color:var(--body-ink)}.hero-cta-group .text-button{font-size:12px}.primary:hover{background:#c56040!important;color:white!important}
.hero-side{position:relative;display:block;background:#292731;color:#f5f3ed;padding:25px 25px 20px;clip-path:polygon(0 0,89% 0,100% 10%,100% 100%,0 100%);border-radius:3px}.stage-kicker{border-color:#ffffff29;font-size:9px;letter-spacing:1px;padding:0 0 15px}.live-dot{display:flex;align-items:center;gap:7px}.live-dot:before{content:'';width:5px;height:5px;background:#d5e4a0;border-radius:50%}.product-stage{height:342px;max-width:410px;margin:18px auto 16px}.product-stage:before{inset:20px 0 12px;background:#b5acbf;opacity:.12;clip-path:polygon(30% 0,100% 22%,80% 100%,0 75%);transform:rotate(-5deg) translate(var(--px),var(--py))}.product-stage:after{width:290px;height:290px;right:-15px;top:8px;border:1px solid #d1c9e14d;animation:studio-orbit 22s linear infinite;border-radius:45% 55% 62% 38%}.game-screen{left:23px;width:181px;height:314px;top:8px;box-shadow:12px 22px 40px #0005;border-color:#45414d;transform:rotate(-8deg) translate(var(--px),var(--py))}.learning-tile{width:170px;right:-3px;top:101px;padding:17px;background:#efebe2;border-color:#efebe2;box-shadow:12px 20px 40px #0004;border-radius:3px 3px 25px 3px;transform:rotate(9deg) translate(calc(var(--px)*-1),calc(var(--py)*-1))}.learning-tile img{width:89px;height:89px}.learning-tile span{font-size:15px}.learning-tile small{font-size:11px}.stage-caption{color:#b3adb9;left:9px;bottom:-12px;font-size:8px;letter-spacing:1px}.studio-index-link{display:flex;align-items:center;gap:14px;border-top:1px solid #ffffff29;padding-top:16px;font-size:10px;letter-spacing:.2px}.studio-index-link strong{margin-left:auto;font-size:27px;line-height:1;color:#d5e4a0;font-weight:500}.studio-index-link>span:last-child{font-size:8px;letter-spacing:1px}.hero-bottom{border-color:var(--stroke);font-size:11px;padding:18px 0}.hero-bottom>span{color:var(--secondary)}
.section{padding:80px 5%}.section-index{margin-bottom:44px;font-size:10px;letter-spacing:1px}.section-index b{font-size:20px;color:var(--secondary);letter-spacing:-1px}.section-index>span:last-child{font-size:10px}.section-heading h2,h2{font-size:clamp(40px,4.6vw,70px);font-weight:600;letter-spacing:-.055em}.section-heading p{font-size:14px}.products{border-top:1px solid var(--stroke)}.product-toolbar{padding-block:10px;margin-bottom:30px}.filter-group button{font-size:12px;padding:8px 14px}.project-grid{grid-template-columns:1.2fr 1fr 1fr;gap:26px}.project:nth-child(2){margin-top:38px}.project:nth-child(3){margin-top:76px}.project-image,.project:first-child .project-image,.project:nth-child(2) .project-image,.project:nth-child(3) .project-image{clip-path:none;border-radius:4px}.project-heading h3{font-size:24px}.project>p{font-size:13px}.project-meta{font-size:11px;padding-top:12px;margin-top:16px}.product-demo-link{font-size:12px;color:var(--body-ink)}.image-action{opacity:1;transform:none;font-size:10px;background:#f5f3edee;border-radius:2px}
.collection{background:var(--surface);border-block:1px solid var(--stroke)}.collection-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px}.collection-heading h2{font-size:clamp(48px,5vw,75px)}.collection-heading em{font-family:Georgia,serif;font-weight:400;color:var(--highlight)}.collection-heading p{max-width:400px;font-size:14px;line-height:1.8;color:var(--secondary)}.collection-tools{display:flex;align-items:center;justify-content:space-between;gap:24px;border-block:1px solid var(--stroke);padding:16px 0;margin-bottom:28px}.collection-filters{display:flex;gap:7px}.collection-filters button{border:0;background:none;border-radius:30px;padding:10px 15px;font-size:12px;display:flex;align-items:center;gap:10px}.collection-filters button[aria-pressed=true]{background:var(--body-ink);color:var(--paper)}.collection-filters button span{font-size:10px;opacity:.65}.collection-search{display:flex;align-items:center;margin:0;width:220px;border-bottom:1px solid var(--stroke)}.collection-search input{border:0;background:none;padding:8px 0;color:var(--body-ink);font-size:13px;min-width:0}.collection-search>span:last-child{font-size:25px;padding:0 5px}.collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 20px}.collection-cover{display:block;width:100%;aspect-ratio:1.12;border:0;border-radius:3px;background:var(--cover-bg,#ddd8cf);color:var(--cover-ink,#242326);padding:0;position:relative;overflow:hidden;text-align:left}.collection-cover svg{height:100%;width:100%;display:block}.collection-cover img{height:100%;width:100%;object-fit:contain;display:block;transition:transform .6s}.collection-cover:hover img{transform:scale(1.06)}.art-motif{transform-origin:center;transition:transform .65s cubic-bezier(.2,.8,.2,1)}.collection-cover:hover .art-motif,.collection-cover:focus-visible .art-motif{transform:rotate(-6deg) scale(1.08)}.cover-number{position:absolute;top:13px;left:14px;font-size:9px;letter-spacing:1px;font-family:monospace;opacity:.7}.cover-arrow{position:absolute;bottom:10px;right:14px;font-size:21px;transition:transform .3s}.collection-cover:hover .cover-arrow{transform:translate(3px,-3px)}.collection-card h3{font-size:17px;letter-spacing:-.5px;font-weight:600;margin-top:13px}.collection-card-meta{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:var(--secondary);margin-top:5px}.collection-card-meta>span:first-child{display:flex;align-items:center;gap:5px}.collection-card-meta>span:first-child:before{content:'';width:4px;height:4px;border-radius:50%;background:var(--secondary)}.collection-foot{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--stroke);margin-top:32px;padding-top:16px;color:var(--secondary);font-size:10px;letter-spacing:.5px}.cover-note{font-size:10px;color:var(--secondary);margin-top:15px;line-height:1.6}.collection-empty{grid-column:1/-1;padding:40px 0;font-size:16px;color:var(--secondary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.playground{border-radius:0;background:#e6e2ed}.lab-heading{align-items:end;margin-bottom:35px}.lab-heading h2{font-size:clamp(46px,5vw,76px)}.lab-heading h2 i,.play-copy h2 i{color:#69528b}.world-tabs button{border-color:#c8c1d1}.world-tabs button[aria-selected=true]{border-color:#69528b}.play-copy>p{color:#66616c}.pill-label{color:#665576;border-color:#bbb0c8}.game-panel{background:#292731;border-radius:4px}.dial-idle{background:#292731}.dial-target{stroke:#d5e4a0;filter:none}.dial-track{stroke:#4b4854}.expertise{background:var(--paper);border-top:1px solid var(--stroke)}.services summary h3{font-size:24px}.services summary b{color:var(--highlight)}.studio{background:#292731;border-radius:0;color:#f5f3ed}.studio .section-index b{color:#b3adb9}.studio .section-index>span:last-child{color:#b3adb9}.studio-intro h2{font-size:clamp(42px,4.5vw,68px)}.studio-intro h2>span{color:#a8a1b1}.studio-intro>div p{font-size:14px;color:#d2ccd8}.studio-pipeline>span{color:#d5e4a0}.steps{border-color:#ffffff29;gap:32px}.steps h3{font-size:20px}.steps p{font-size:13px;line-height:1.8}.contact-section{background:var(--paper)}.contact-layout h2{font-size:clamp(58px,7vw,108px)}.contact-layout h2 button{color:var(--highlight)}.contact-layout h2 button:after{background:var(--highlight)}.contact-layout>div>p{font-size:15px}.contact-layout .primary{background:var(--body-ink)}.contact-section:before{border-color:var(--stroke)}footer{background:var(--paper);font-size:11px;padding:26px 5%}.collaboration-options{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.collaboration-options button{border:1px solid var(--stroke);background:transparent;border-radius:30px;padding:10px 14px;font-size:12px}.collaboration-options button[aria-pressed=true]{background:var(--body-ink);color:var(--paper)}dialog{border-radius:5px}dialog .primary{background:var(--body-ink);color:var(--paper)}
#upcoming-dialog{width:calc(100% - 40px);max-width:960px;background:var(--paper);padding:42px;color:var(--body-ink)}.upcoming-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}#upcoming-art{background:var(--cover-bg);color:var(--cover-ink);border-radius:3px;aspect-ratio:.9;display:flex;align-items:center}#upcoming-art svg{width:100%;display:block}.upcoming-copy h2{font-size:44px;margin:18px 0}.development-badge{font-size:11px;border:1px solid var(--stroke);border-radius:20px;padding:6px 12px;display:inline-block}.upcoming-copy>p{font-size:14px;color:var(--secondary);line-height:1.8;margin-top:20px}.upcoming-notes{border-block:1px solid var(--stroke);padding:18px 0;margin:25px 0}.upcoming-notes>span{font-size:10px;letter-spacing:1px}.upcoming-notes p{font-size:13px;color:var(--secondary);line-height:1.8;margin-top:10px}.upcoming-copy>.cover-note{font-size:10px;margin-top:12px}
html[data-theme=dark]{--paper:#222127;--surface:#2b2931;--body-ink:#f1eee7;--secondary:#b6b1bd;--stroke:#45424c;--ink:#f1eee7;--highlight:#c5b4de;--muted:#b6b1bd;--line:#45424c}html[data-theme=dark] .hero-side{background:#34303e}html[data-theme=dark] .collection-search input{color:#f1eee7}html[data-theme=dark] .playground{background:#302b39}html[data-theme=dark] .hero-outline{color:var(--body-ink)}html[data-theme=dark] .lab-heading h2 i,html[data-theme=dark] .play-copy h2 i{color:#c5b4de}html[data-theme=dark] .header nav{background:var(--paper)}html[data-theme=dark] .contact-layout .primary,html[data-theme=dark] dialog .primary{background:#f1eee7;color:#222127}
@keyframes studio-orbit{to{transform:rotate(360deg)}}
@media(min-width:1550px){.hero-grid{max-width:1500px;margin:auto}.hero-side{max-width:540px;justify-self:end;width:100%}.product-stage{height:400px}.game-screen{height:364px;width:207px}.learning-tile{top:110px;width:194px}.learning-tile img{width:110px;height:110px}}
@media(max-width:1100px){.header nav{gap:17px;margin:0}.hero-grid{gap:5%;grid-template-columns:1.1fr 1fr}.hero h1{font-size:clamp(70px,8.5vw,105px)}.hero-side{padding:22px 18px 18px}.product-stage{height:295px}.game-screen{width:153px;height:269px;left:5px}.learning-tile{width:143px;padding:14px;right:-3px;top:95px}.learning-tile img{width:75px;height:75px}.product-stage:after{width:240px;height:240px}.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-card-meta{font-size:10px}.hero-cta-group{gap:17px}.hero-cta-group .primary{gap:18px;font-size:12px}.hero-cta-group .text-button{font-size:11px}}
@media(max-width:760px){.header{height:76px;margin:0;padding:0 6%;gap:17px}.header nav{top:76px;padding:20px 6%}.header .brand{font-size:27px}.hero{padding:25px 6% 0}.hero-label{font-size:9px;letter-spacing:.8px}.hero-label span:last-child{display:none}.hero-grid{grid-template-columns:1fr;gap:32px;padding:30px 0}.hero h1{font-size:clamp(73px,17vw,115px);line-height:.96}.hero-description{font-size:14px;margin-top:24px}.hero-cta-group{gap:24px;margin-top:23px}.hero-cta-group .primary{font-size:12px}.hero-cta-group .text-button{font-size:11px}.hero-side{padding:22px;max-width:430px;width:100%;justify-self:center}.product-stage{max-width:340px;height:320px}.game-screen{width:165px;height:287px;left:18px}.learning-tile{width:153px;padding:16px;top:100px;right:0}.learning-tile img{width:81px;height:81px}.stage-caption{font-size:8px;bottom:0;left:0}.product-stage:after{width:240px;height:240px}.hero-bottom{align-items:center;font-size:10px;gap:15px}.hero-bottom>span{max-width:195px}.hero-bottom a{gap:10px;white-space:nowrap}.section{padding:55px 6%}.section-index{margin-bottom:28px;font-size:9px;gap:15px}.section-index b{font-size:18px}.section-index>span:last-child{font-size:8px;max-width:110px;text-align:right}.section-heading h2{font-size:42px}.section-heading p{font-size:14px}.project-grid,.project-grid.filtered{grid-template-columns:1fr;gap:35px}.project:nth-child(2),.project:nth-child(3){margin-top:0}.project>p{font-size:14px}.project-heading h3{font-size:25px}.collection-heading{display:block;margin-bottom:27px}.collection-heading h2{font-size:49px}.collection-heading p{font-size:13px;margin-top:22px}.collection-heading p br{display:none}.collection-tools{display:block;margin-bottom:24px;padding:12px 0}.collection-filters{gap:3px;justify-content:space-between}.collection-filters button{font-size:11px;gap:6px;padding:9px 10px}.collection-search{width:100%;margin-top:14px;border-top:1px solid var(--stroke);border-bottom:0;padding-top:7px}.collection-search input{font-size:13px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.collection-card h3{font-size:16px}.collection-card-meta{display:block;font-size:10px}.collection-card-meta>span:last-child{display:none}.cover-number{top:8px;left:9px;font-size:8px}.cover-arrow{bottom:4px;right:9px;font-size:18px}.collection-foot{font-size:9px;letter-spacing:0;gap:20px}.collection-foot>span:last-child{max-width:155px;text-align:right}.cover-note{font-size:10px}.lab-heading h2{font-size:48px}.lab-heading>p{font-size:14px}.play-copy>p{font-size:14px}.playground .section-index .text-button{font-size:10px}.expertise-layout h2{font-size:40px}.studio-intro h2{font-size:42px}.studio-intro>div p{font-size:14px}.steps{gap:25px}.steps h3{font-size:20px}.steps p{font-size:13px}.contact-layout h2{font-size:clamp(50px,12vw,76px)}.contact-layout>div>p{font-size:14px}footer{padding:25px 6%;gap:19px;font-size:10px}.upcoming-layout{grid-template-columns:1fr;gap:25px}#upcoming-dialog{padding:35px 22px 25px}#upcoming-art{aspect-ratio:1.4}.upcoming-copy h2{font-size:35px}.upcoming-copy>p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.product-stage:after{animation:none}.art-motif{transition:none}}
.collaboration-context{font-size:12px!important;color:var(--secondary);margin-top:18px!important;border-top:1px solid var(--stroke);padding-top:15px}.collaboration-mail{margin-top:18px}.hero .hero-cta-group .primary{border-radius:2px}