.studio-hero-art{position:relative;isolation:isolate;min-height:490px;border-radius:14px;overflow:hidden;background:#112034;border:1px solid #46627350;transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .3s ease-out;box-shadow:0 30px 100px #0000004d}
.studio-hero-art>img{width:100%;height:490px;object-fit:cover;display:block}.studio-hero-art:after{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(0deg,#061121db,transparent 40%,transparent 70%,#0914228f);pointer-events:none}
.studio-art-label{position:absolute;top:21px;left:24px;right:24px;display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:1.1px;z-index:1}.studio-art-label small{font-size:7px;color:#a2bec8}
.studio-art-note{position:absolute;left:24px;bottom:24px;z-index:1;display:flex;align-items:center;gap:9px;font-size:12px;color:#d4e6ed}.studio-art-note i{width:5px;height:5px;border-radius:50%;background:#ff935d;box-shadow:0 0 12px #ff935d}
.studio-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:32px}.studio-section-head .section-number{display:block;font-size:10px;letter-spacing:1.7px;margin-bottom:17px}.studio-section-head h2{font-size:36px;line-height:1.5;letter-spacing:-1px}.studio-section-head>p{font-size:13px;line-height:1.95;color:#95aabe;max-width:380px}
.creative-gallery{padding-top:74px}.gallery-workspace{display:flex;flex-wrap:wrap;gap:25px 22px;align-items:center}.gallery-filter,.format-filter,.decision-controls,.response-choices{border:0;padding:0;margin:0;min-width:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.gallery-filter{flex:1}.gallery-filter legend,.format-filter legend,.decision-controls legend,.response-choices legend,.choice-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.gallery-filter label,.format-filter label{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:37px;padding:9px 15px;border:1px solid #2e4359;border-radius:5px;font-size:11px;color:#9db2c7;line-height:1.5;transition:background .2s,border-color .2s,color .2s}
.gallery-filter input:checked+label{background:#f0d9c6;color:#342d2b;border-color:#f0d9c6}.format-filter input:checked+label{background:#1d3850;border-color:#52748e;color:#edf6fc}.format-filter label{padding:8px 11px;font-size:10px}.choice-input:focus-visible+label{outline:3px solid #f4a36c;outline-offset:4px}
.creative-reel{display:flex;width:100%;min-width:0;gap:20px;overflow-x:auto;scroll-snap-type:x proximity;padding:3px 0 20px;scrollbar-width:thin;scrollbar-color:#4a657d #0b192a}
.creative-tile{margin:0;flex:0 0 265px;min-width:0;scroll-snap-align:start}.creative-art-link{display:block;aspect-ratio:9/16;position:relative;overflow:hidden;border-radius:11px;background:#192b3f;border:1px solid #4c698340;isolation:isolate}
.creative-art-link:after{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(0deg,#071321dd,transparent 32%,transparent 80%,#09132288);pointer-events:none}.creative-art-link img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s cubic-bezier(.2,.65,.2,1)}
.creative-art-link:hover img{transform:scale(1.065)}.creative-art-index{position:absolute;left:16px;top:15px;z-index:1;color:#ffffffc9;font-size:9px;letter-spacing:1.2px}.creative-art-expand{position:absolute;right:14px;top:12px;z-index:1;font-size:21px;color:#fff;transition:transform .3s}.creative-art-link:hover .creative-art-expand{transform:translate(3px,-3px)}.creative-image-caption{position:absolute;left:19px;right:18px;bottom:21px;z-index:1;font-size:22px;font-weight:550;line-height:1.4;color:#fff;text-shadow:0 2px 8px #0008}
.creative-tile figcaption{padding:20px 1px 2px}.creative-tile h3{font-size:16px;line-height:1.65;font-weight:550;overflow-wrap:anywhere}.creative-tile figcaption p{margin-top:7px;font-size:10px;line-height:1.9;color:#8ea8bd;overflow-wrap:anywhere}
.gallery-workspace:has(#format-square:checked) .creative-art-link{aspect-ratio:1/1}.gallery-workspace:has(#creative-rpg:checked) .creative-tile:not([data-category="rpg"]),.gallery-workspace:has(#creative-casual:checked) .creative-tile:not([data-category="casual"]),.gallery-workspace:has(#creative-social:checked) .creative-tile:not([data-category="social"]),.gallery-workspace:has(#creative-sports:checked) .creative-tile:not([data-category="sports"]){display:none}
.gallery-foot{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:3px}.gallery-foot p{max-width:650px;font-size:10px;color:#829bb2;line-height:1.9}.gallery-foot>span{font-size:8px;letter-spacing:.9px;color:#adbdcc;white-space:nowrap}.gallery-foot b{font-size:18px;font-weight:400;margin-left:12px;color:#ffc098}
.public-site .decision-lab{--ink:#173246;--muted:#5c7282;--accent:#b7522f;--line:#d4dfdf;display:grid;grid-template-columns:.8fr 1.1fr;gap:45px;margin-top:92px;padding:48px 42px;background:#eef3f1;color:#173246;border-radius:13px;border:1px solid #c8d8d8;position:relative;overflow:hidden}
.decision-story{align-self:center}.decision-story .section-number{font-size:9px;letter-spacing:1.1px;color:#a05031}.decision-story h2{font-size:35px;line-height:1.5;letter-spacing:-.9px;margin-top:23px}.decision-story>p{font-size:13px;line-height:2;color:#657d8b;margin-top:25px;max-width:350px}.signal-path{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:32px}.signal-path span{padding:10px 12px;background:#e1e9e7;color:#436477;border:1px solid #cedad7;border-radius:5px;font-size:10px}.signal-path i{font-style:normal;color:#bd764c;font-size:17px}.decision-story .decision-method{font-size:11px;color:#7b908f;line-height:1.85;border-top:1px solid #d5dfd9;padding-top:20px;margin-top:24px}
.decision-console{border:1px solid #d0dddd;background:#fff;border-radius:9px;padding:24px 24px 17px;box-shadow:0 15px 30px #193c4010;min-width:0}.demo-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px;font-size:8px;letter-spacing:1px;color:#6b838d}.demo-top>span{display:flex;gap:6px;align-items:center}.demo-top i{width:4px;height:4px;background:#489e93;border-radius:50%}.demo-top strong{font-weight:500;color:#9a7b68;letter-spacing:.5px;font-size:8px}
.decision-controls{gap:5px;padding:5px;background:#edf2f2;border-radius:5px}.decision-controls label{flex:1;min-width:0;cursor:pointer;font-size:11px;line-height:1.5;padding:9px 6px;text-align:center;color:#6d8591;border-radius:3px;white-space:nowrap}.decision-controls input:checked+label{background:#244b60;color:#fff;box-shadow:0 2px 5px #23455525}
.decision-panel{display:none}.decision-console:has(#decision-cost:checked) .decision-panel[data-view="cost"],.decision-console:has(#decision-recovery:checked) .decision-panel[data-view="recovery"],.decision-console:has(#decision-retention:checked) .decision-panel[data-view="retention"]{display:block}
.decision-chart-label{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:28px 0 22px;font-size:12px;color:#36586c}.decision-chart-label small{font-size:8px;color:#879aa4}.decision-bars{display:grid;gap:18px}.decision-row{display:grid;grid-template-columns:75px minmax(0,1fr) 48px;align-items:center;gap:10px}.decision-row>span{font-size:10px;color:#738a99}.decision-row strong{font-size:15px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums;color:#718491}.decision-track{background:#eff3f4;border-radius:3px;height:12px;overflow:hidden}.decision-track i{display:block;height:100%;width:var(--bar);background:#91abb7;border-radius:3px;transform-origin:0 50%}.decision-row.is-highlight .decision-track i{background:linear-gradient(90deg,#cb713e,#ed9e66)}.decision-row.is-highlight strong{color:#b85f35}.decision-row.is-highlight>span{color:#35586a;font-weight:600}
.decision-insight{margin-top:26px;padding-top:22px;border-top:1px solid #e0e7e6}.decision-insight>span{font-size:8px;letter-spacing:1.2px;color:#ac744e}.decision-insight h3{font-size:17px;line-height:1.6;letter-spacing:-.3px;color:#29495b;margin-top:11px}.decision-insight p{font-size:11px;line-height:1.9;color:#7a8f9b;margin-top:10px}.demo-definitions{margin-top:16px;border-top:1px solid #e3eae8}.demo-definitions summary{padding:13px 0 0;font-size:9px;color:#78909e;gap:10px}.demo-definitions summary span{font-size:16px;color:#9aaeb5}.demo-definitions p{padding:0;margin:12px 0 5px;font-size:9px;line-height:1.9;color:#83959f}.demo-table-scroll{overflow-x:auto;margin-top:14px}.demo-definitions table{font-size:8px;border-collapse:collapse;min-width:340px;width:100%;text-align:right;color:#6b818d}.demo-definitions th,.demo-definitions td{padding:8px 6px;border-bottom:1px solid #e1e8e7}.demo-definitions th:first-child{text-align:left}.demo-definitions th{font-weight:500}
.public-site[data-motion="on"] .decision-panel .decision-track i{animation:decision-fill .65s cubic-bezier(.2,.7,.3,1) both}@keyframes decision-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.public-site .why-section{padding-top:66px}.public-site .why-heading h2{font-size:28px}.public-site .reason-grid{grid-template-columns:1fr 1fr;gap:0 42px}.public-site .reason-card{border:0;border-bottom:1px solid #2a3e54;border-radius:0;background:none;box-shadow:none;padding:28px 0;display:grid;grid-template-columns:112px 1fr;gap:0 20px}.public-site .reason-card:hover{transform:none;box-shadow:none}.public-site .reason-card:before,.public-site .reason-corner{display:none}.public-site .reason-top,.public-site .reason-3 .reason-top{grid-column:1;grid-row:1/3;height:auto;min-height:110px;display:block}.public-site .reason-top>span{font-size:7px;letter-spacing:.4px}.public-site .reason-art{position:relative;top:13px;right:auto;transform:scale(.7);transform-origin:0 0}.public-site .reason-3 .reason-art{top:16px}.public-site .reason-3 .reason-top>span{font-size:15px;letter-spacing:1px}.public-site .reason-card h3{grid-column:2;font-size:20px;line-height:1.6;max-width:none;margin:0 0 11px}.public-site .reason-card>p{grid-column:2;font-size:11px;line-height:1.95;max-width:none;padding:0}
.public-site .service-outcomes .section-heading>div{display:block}.service-outcomes .section-number{display:block;font-size:9px;letter-spacing:1px;margin-bottom:14px}.result-highlights{border-top:1px solid #2b4057}.result-highlights article{padding:26px 0;display:grid;grid-template-columns:150px 1fr 1.05fr 22px;gap:26px;align-items:center;border-bottom:1px solid #293c52}.result-highlights article>span{font-size:8px;line-height:1.8;letter-spacing:1.2px;color:#829bb6}.result-highlights h3{font-size:20px;line-height:1.65;color:#e2ecf8;font-weight:550}.result-highlights p{font-size:12px;color:#95a9be;line-height:1.95}.result-highlights i{font-size:22px;font-style:normal;color:#efa36f;justify-self:end}
.response-workbench{display:grid;grid-template-columns:225px minmax(0,1fr);border-top:1px solid #3a4e61;border-bottom:1px solid #3a4e61;padding:32px 0;gap:40px}.response-choices{display:flex;flex-direction:column;align-items:stretch;gap:5px;align-self:start}.response-choices label{display:flex;align-items:center;gap:17px;padding:19px 18px;cursor:pointer;color:#879fb9;font-size:15px;border-radius:4px;border:1px solid transparent}.response-choices label>span{font-size:9px;opacity:.6}.response-choices label>b{font-size:18px;margin-left:auto;font-weight:400;opacity:.5}.response-choices input:checked+label{background:#23364b;color:#fff;border-color:#3b526a}.response-choices input:checked+label>b{color:#ffb07f;opacity:1}
.response-panel{display:none;grid-template-columns:.8fr 1fr;gap:35px}.response-workbench:has(#response-review:checked) .response-panel[data-response="review"],.response-workbench:has(#response-creative:checked) .response-panel[data-response="creative"],.response-workbench:has(#response-return:checked) .response-panel[data-response="return"]{display:grid}.response-summary{align-self:center}.response-summary h3{font-size:25px;line-height:1.55;font-weight:550;letter-spacing:-.5px}.response-summary>p{font-size:12px;line-height:1.95;color:#92a9be;margin-top:17px}.response-panel ol{padding:0;margin:0;list-style:none}.response-panel li{position:relative;display:flex;gap:17px;padding:0 0 25px}.response-panel li:last-child{padding-bottom:0}.response-panel li:before{content:'';position:absolute;top:30px;bottom:4px;left:13px;width:1px;background:#395369}.response-panel li:last-child:before{display:none}.response-panel li>span{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;font-size:8px;border:1px solid #7b644b;color:#ddad7d;border-radius:50%}.response-panel h4{font-size:15px;line-height:1.6;margin:1px 0 7px;font-weight:550}.response-panel li p{font-size:11px;line-height:1.85;color:#809ab4;max-width:320px}
.creative-dialog{padding:0;border:1px solid #405974;border-radius:12px;background:#0f1e30;color:#e8f2fb;width:min(940px,calc(100% - 42px));max-height:92dvh;overflow:auto;box-shadow:0 25px 100px #0009}.creative-dialog::backdrop{background:#030a14db;backdrop-filter:blur(7px)}.creative-dialog>img{display:block;max-height:65dvh;max-width:100%;width:100%;object-fit:contain;background:#081422}.creative-dialog-close{position:absolute;z-index:1;right:13px;top:13px;background:#10263cde;color:white;border:1px solid #7795ac69;width:39px;height:39px;font-size:25px;border-radius:50%;line-height:1}.creative-dialog-meta{padding:25px 28px 24px;padding-right:155px}.creative-dialog-meta h2{font-size:23px;font-weight:550;line-height:1.55}.creative-dialog-meta p{font-size:12px;line-height:1.8;color:#a0b8cc;margin-top:8px}.creative-dialog-meta small{display:block;font-size:9px;color:#7490aa;margin-top:12px}.creative-dialog-controls{display:flex;gap:8px;position:absolute;right:25px;bottom:38px}.creative-dialog-controls button{background:#20364b;color:#e2edf6;border:1px solid #3a566f;padding:11px 14px;border-radius:4px;font-size:18px}.public-site:has(.creative-dialog[open]){overflow:hidden}
@media(max-width:1200px){.studio-hero-art,.studio-hero-art>img{min-height:440px;height:440px}.studio-art-label{left:20px;right:20px;font-size:7px}.studio-art-label small{display:none}.studio-art-note{font-size:10px;left:20px}.public-site .decision-lab{padding:36px 30px;gap:28px;grid-template-columns:.85fr 1.1fr}.decision-story h2{font-size:30px}.decision-story>p{font-size:12px}.decision-console{padding:21px 20px 15px}.signal-path{gap:8px}.signal-path span{font-size:9px;padding:8px}.public-site .reason-grid{gap:0 30px}.public-site .reason-card{grid-template-columns:95px 1fr;gap:0 16px}.public-site .reason-card h3{font-size:18px}.result-highlights article{grid-template-columns:130px 1fr 1.05fr 20px;gap:20px}.result-highlights h3{font-size:18px}.response-workbench{grid-template-columns:195px minmax(0,1fr);gap:28px}.response-panel{gap:25px}.response-summary h3{font-size:23px}.response-choices label{font-size:14px;padding:17px 14px;gap:12px}}
@media(max-width:1000px){.studio-section-head h2{font-size:30px}.studio-section-head>p{max-width:320px;font-size:12px}.creative-tile{flex-basis:235px}.gallery-filter label{font-size:10px;padding:8px 12px}.gallery-workspace{gap:20px 12px}.gallery-foot{align-items:flex-start}.gallery-foot>span{font-size:7px}.public-site .decision-lab{grid-template-columns:1fr;gap:32px}.decision-story{display:grid;grid-template-columns:1fr 1fr;gap:15px 40px}.decision-story .section-number{grid-column:1/-1}.decision-story h2{grid-column:1;grid-row:2/4;margin:0}.decision-story>p{grid-column:2;margin:0;max-width:none}.signal-path{grid-column:1;margin:0;align-self:start}.decision-story .decision-method{grid-column:2;grid-row:3/5;padding-top:15px;margin-top:0}.decision-console{padding:27px}.decision-insight h3{font-size:19px}.decision-row{grid-template-columns:90px 1fr 55px}.result-highlights article{grid-template-columns:120px 1fr 22px;gap:12px 20px}.result-highlights p{grid-column:2;grid-row:auto}.result-highlights i{grid-column:3;grid-row:1/3}.response-panel{grid-template-columns:1fr;gap:25px}.response-panel ol{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.response-panel li{display:block;padding:0}.response-panel li:before{top:14px;left:38px;right:0;width:auto;height:1px;bottom:auto}.response-panel li>span{margin-bottom:14px}.response-panel h4{font-size:13px}.response-panel li p{font-size:10px}.response-summary{max-width:580px}.response-summary h3{font-size:23px}.response-summary>p{margin-top:10px}.public-site .why-heading h2{font-size:26px}}
@media(max-width:767px){.studio-hero-art,.studio-hero-art>img{min-height:360px;height:360px}.studio-art-note{font-size:10px;bottom:21px}.studio-section-head{display:block;margin-bottom:24px}.studio-section-head .section-number{font-size:8px;letter-spacing:1.3px;margin-bottom:14px}.studio-section-head h2{font-size:28px;line-height:1.5}.studio-section-head>p{font-size:12px;line-height:1.9;max-width:none;margin-top:17px}.studio-section-head>p br{display:none}.creative-gallery{padding-top:52px}.gallery-workspace{gap:19px 12px}.gallery-filter{flex-basis:100%;gap:7px}.gallery-filter label{font-size:10px;padding:8px 11px;min-height:35px}.format-filter{margin-left:auto;order:2}.creative-reel{order:3;gap:15px;padding-bottom:16px}.creative-tile{flex-basis:235px}.creative-art-link{border-radius:8px}.creative-image-caption{font-size:22px;left:17px;bottom:19px}.creative-tile h3{font-size:16px}.gallery-foot{display:block}.gallery-foot p{font-size:10px;line-height:1.85}.gallery-foot>span{display:block;margin-top:12px;font-size:8px}.public-site .decision-lab{margin-top:55px;padding:27px 19px;border-radius:9px;gap:25px}.decision-story{display:block}.decision-story .section-number{font-size:8px}.decision-story h2{font-size:28px;margin-top:18px}.decision-story>p{font-size:12px;margin-top:19px;line-height:1.95}.signal-path{margin-top:23px;gap:8px}.signal-path span{font-size:9px;padding:9px 10px}.decision-story .decision-method{margin-top:19px;padding-top:15px;font-size:10px}.decision-console{padding:18px 15px 12px;border-radius:7px}.demo-top{font-size:7px;margin-bottom:19px;letter-spacing:.6px}.demo-top strong{font-size:7px}.decision-controls{gap:3px;padding:4px}.decision-controls label{font-size:10px;padding:9px 4px}.decision-chart-label{font-size:11px;gap:10px;margin:23px 0 19px}.decision-chart-label small{font-size:7px}.decision-row{grid-template-columns:60px minmax(0,1fr) 42px;gap:8px}.decision-row>span{font-size:9px}.decision-row strong{font-size:13px}.decision-track{height:10px}.decision-bars{gap:19px}.decision-insight{padding-top:18px;margin-top:24px}.decision-insight>span{font-size:7px}.decision-insight h3{font-size:17px;line-height:1.65}.decision-insight p{font-size:11px}.demo-definitions summary{font-size:8px}.demo-definitions p{font-size:8px}.public-site .why-section{padding-top:52px}.public-site .why-heading h2{font-size:25px}.public-site .reason-grid{grid-template-columns:1fr;gap:0}.public-site .reason-card{padding:24px 0;grid-template-columns:82px 1fr;gap:0 14px}.public-site .reason-top,.public-site .reason-3 .reason-top{min-height:100px}.public-site .reason-top>span{font-size:6px;line-height:1.6;display:block;max-width:82px}.public-site .reason-3 .reason-top>span{font-size:14px}.public-site .reason-art{transform:scale(.58);top:18px}.public-site .reason-3 .reason-art{top:21px}.public-site .reason-card h3{font-size:18px;line-height:1.65;margin-bottom:9px}.public-site .reason-card>p{font-size:11px;line-height:1.9}.result-highlights article{padding:22px 0;grid-template-columns:1fr 25px;gap:10px 15px;align-items:start}.result-highlights article>span{grid-column:1;font-size:7px}.result-highlights h3{grid-column:1;font-size:21px;line-height:1.6}.result-highlights p{grid-column:1;font-size:11px}.result-highlights i{grid-column:2;grid-row:1/3;font-size:21px;margin-top:15px}.response-workbench{grid-template-columns:1fr;padding:23px 0;gap:29px}.response-choices{flex-direction:row;gap:5px}.response-choices label{flex:1;padding:13px 7px;justify-content:center;font-size:12px;gap:0}.response-choices label>span,.response-choices label>b{display:none}.response-panel{gap:23px}.response-summary h3{font-size:25px}.response-summary>p{font-size:12px}.response-panel ol{display:block}.response-panel li{display:flex;gap:16px;padding-bottom:23px}.response-panel li>span{margin-bottom:0}.response-panel li:before{top:34px;left:13px;right:auto;bottom:5px;height:auto;width:1px}.response-panel h4{font-size:15px}.response-panel li p{font-size:11px;max-width:none}.creative-dialog{width:calc(100% - 26px);border-radius:8px;max-height:90dvh}.creative-dialog>img{max-height:57dvh}.creative-dialog-meta{padding:21px 20px 70px}.creative-dialog-meta h2{font-size:20px}.creative-dialog-meta p{font-size:11px}.creative-dialog-meta small{font-size:8px}.creative-dialog-controls{bottom:18px;right:20px;gap:7px}.creative-dialog-controls button{padding:8px 14px;font-size:16px}.creative-dialog-close{width:35px;height:35px;font-size:23px}}
@media(max-width:360px){.studio-hero-art,.studio-hero-art>img{min-height:320px;height:320px}.studio-art-label{font-size:6px;left:17px;right:17px}.studio-art-note{font-size:9px;left:17px}.creative-tile{flex-basis:216px}.gallery-filter{gap:6px}.gallery-filter label{font-size:9px;padding:8px 9px}.public-site .decision-lab{padding:25px 13px}.decision-console{padding:16px 12px 12px}.decision-row{grid-template-columns:53px minmax(0,1fr) 38px;gap:6px}.decision-row strong{font-size:12px}.decision-chart-label small{max-width:105px;text-align:right;line-height:1.6}.decision-story h2{font-size:26px}.public-site .reason-card{grid-template-columns:68px 1fr;gap:0 12px}.public-site .reason-art{transform:scale(.5)}.public-site .reason-card h3{font-size:17px}.public-site .reason-3 .reason-top>span{font-size:12px}.result-highlights h3{font-size:20px}}
.studio-composition{position:relative;overflow:hidden;isolation:isolate;border:1px solid #36556b;border-radius:14px;background:radial-gradient(ellipse at 48% 40%,#274d60 0,transparent 63%),#101f31;box-shadow:0 30px 100px #0005;transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .3s ease-out}
.studio-composition-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:25px 24px;font-size:8px;letter-spacing:1px;color:#c8d9e4;border-bottom:1px solid #7694a11c}.studio-composition-top>span{display:flex;align-items:center;gap:7px}.studio-composition-top i{width:5px;height:5px;border-radius:50%;background:#e7a47b;box-shadow:0 0 10px #e7a47b}.studio-composition-top small{font-size:8px;color:#92aabf}
.studio-artboards{position:relative;height:359px;perspective:1200px}.studio-artboard{position:absolute;top:24px;width:37%;height:261px;border-radius:8px;border:1px solid #8197a275;overflow:hidden;box-shadow:0 20px 45px #0007;background:#152b3a;transition:transform .6s ease}.studio-artboard img{width:100%;height:100%;object-fit:cover;display:block}.studio-artboard:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#081522ba,transparent 45%);pointer-events:none}.studio-artboard>span{position:absolute;bottom:17px;left:15px;right:8px;z-index:1;font-size:8px;letter-spacing:1px;color:#fff}.board-left{left:5%;top:52px;transform:rotate(-12deg);z-index:1}.board-left img{object-position:50% 49%}.board-center{left:31.5%;z-index:3;transform:rotate(2deg);height:273px}.board-center img{object-position:35% center}.board-right{right:5%;top:54px;transform:rotate(12deg);z-index:2}.board-right img{object-position:40% center}.studio-composition:hover .board-left{transform:translateX(-4px) rotate(-14deg)}.studio-composition:hover .board-right{transform:translateX(4px) rotate(14deg)}
.studio-combination{position:absolute;bottom:13px;left:20%;right:11%;z-index:4;padding:16px 19px;border:1px solid #597586;background:#142c3ef2;border-radius:7px;box-shadow:0 9px 28px #0005}.studio-combination>i{width:5px;height:5px;background:#e7a47b;border-radius:50%;display:inline-block;margin-right:7px}.studio-combination>span{font-size:8px;letter-spacing:1px;color:#9fbace}.studio-combination strong{display:block;margin-top:9px;font-size:15px;font-weight:550;line-height:1.5;color:#e5f0f7}.studio-workflow{display:flex;justify-content:space-between;gap:8px;padding:23px 24px 25px;font-size:10px;color:#b3c9d9;align-items:center}.studio-workflow span{display:flex;gap:7px;align-items:center}.studio-workflow b{color:#b87e57;font-size:8px;font-weight:500}.studio-workflow i{font-style:normal;color:#627f92}.gallery-foot a{color:#a5becd;text-decoration:underline;text-underline-offset:3px}
.public-site[data-motion="off"] .studio-composition,.public-site[data-motion="off"] .studio-hero-art{transform:none}
@media(max-width:1200px){.studio-composition-top{padding:22px 18px;font-size:7px}.studio-composition-top small{font-size:7px}.studio-artboards{height:341px}.studio-artboard{height:245px}.board-center{height:255px}.studio-workflow{padding:22px 18px;font-size:9px}.studio-combination{left:13%;right:9%}.studio-combination strong{font-size:14px}}
@media(max-width:767px){.studio-composition-top{padding:20px 17px;font-size:7px}.studio-composition-top small{font-size:7px;max-width:76px;text-align:right;line-height:1.5}.studio-artboards{height:311px}.studio-artboard{height:217px;top:26px}.board-left,.board-right{top:48px}.board-center{height:230px;top:22px}.studio-artboard>span{font-size:6px;letter-spacing:.5px;left:10px;bottom:12px}.studio-combination{left:12%;right:7%;bottom:9px;padding:13px 15px}.studio-combination strong{font-size:13px;margin-top:7px}.studio-combination>span{font-size:7px}.studio-workflow{font-size:9px;padding:22px 16px}.studio-workflow b{font-size:7px}}
@media(max-width:360px){.studio-artboards{height:284px}.studio-artboard{height:198px}.board-center{height:210px}.studio-workflow{font-size:8px;padding:20px 12px;gap:5px}.studio-workflow span{gap:4px}.studio-composition-top{font-size:6px}.studio-composition-top small{font-size:6px}.studio-combination strong{font-size:12px}}