body{background:#f5f1e9;color:#212329}.shift-header{background:#262435;color:#f4f1ea;border:0;padding:18px 4vw;display:flex;align-items:center;gap:35px}.studio-back{font:12px 'Red Hat Mono',monospace}.shift-header .shift-wordmark{font:900 40px/1 'Radio Canada Big',sans-serif;letter-spacing:-.08em;text-decoration:none}.shift-wordmark span{color:#d9fa69;display:inline-block;margin-left:5px}.studio-credit{margin-left:auto;font:10px/1.6 'Red Hat Mono',monospace;text-align:right}.studio-intro{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:30px}.studio-kicker{font:10px 'Red Hat Mono',monospace;letter-spacing:.09em;color:#69647e}.studio-intro h1{font:800 clamp(34px,5vw,60px)/.98 'Radio Canada Big',sans-serif;letter-spacing:-.065em}.studio-intro .intro{margin:16px 0 0;font-size:16px}.client-picker{max-width:420px}.client-picker>span{display:block;font:12px 'Red Hat Mono',monospace;margin-bottom:12px}.client-picker>div{display:flex;gap:7px;flex-wrap:wrap}.client-picker button{border:1px solid #aaa3bc;border-radius:8px;padding:11px 16px;background:transparent;color:inherit;font:15px 'Inclusive Sans';cursor:pointer}.client-picker button[aria-pressed=true]{background:#d9fa69;border-color:#262435;box-shadow:3px 3px 0 #262435}.client-picker small{display:block;font-size:11px;color:#726b7c;margin-top:13px}.canvas-label{border-top:1px solid #ccc7d3;padding:16px 0;display:flex;justify-content:space-between;font:11px 'Red Hat Mono',monospace}.canvas-label>span:first-child{font-weight:700}.controls .content-button{background:#4d425f!important}.controls button{border-color:#b5aebe}.controls button[aria-pressed=true]{background:#4d425f!important}.customizer{border-color:#bdb4c7}.note{font-size:11px}.client-art{display:none}.ad[data-client=levis] .phone,.ad[data-client=warby] .phone,.ad[data-client=levis] .orbit,.ad[data-client=warby] .orbit{display:none}.ad[data-client=levis] .client-art,.ad[data-client=warby] .client-art{display:block;position:absolute;width:100%;height:100%;object-fit:cover;transform:translate(calc(var(--phone-x)*1cqw),calc(var(--phone-y)*1cqw)) rotate(var(--rotation)) scale(var(--phone-scale));transform-origin:center}.ad[data-client=warby] .visual{overflow:hidden}.ad[data-client=warby] .client-art{width:164%;max-width:none;left:-64%;height:120%;top:0;object-fit:cover;transform:translate(calc(var(--phone-x)*1cqw),calc(var(--phone-y)*1cqw)) scale(var(--phone-scale));transform-origin:center}.ad[data-client=levis] .brand img{max-width:130px}.ad[data-client=levis] .copy .price:has(.price-amount:empty),.ad[data-client=warby] .copy .price:has(.price-amount:empty){display:none}.ad[data-client=levis] .brand span,.ad[data-client=warby] .brand span{max-width:23ch;text-align:right}.ad[data-client=levis] .visual{min-height:38cqw}.ad[data-client=warby] .visual{min-height:38cqw}.ad[data-client=warby] .cta{color:#161416}.ad[data-client=warby] .legal{color:#343039}@container(max-width:650px){.ad[data-client=levis] .visual,.ad[data-client=warby] .visual{min-height:70cqw}}@media(max-width:750px){.studio-intro{display:block}.client-picker{margin-top:25px}.studio-credit{font-size:8px}.shift-header{gap:18px}.shift-header .shift-wordmark{font-size:32px}.canvas-label>span:last-child{display:none}}