@font-face{font-family:ColorBasic;src:url('https://assets.zyrosite.com/k0gu9cYNN9HXMOVI/Color%20Basic%20Regular.woff2') format('woff2');font-display:swap}
:root{--blue:#0057ff;--black:#050505;--white:#fff;--off:#f3f3ef;--grey:#737373;--line:#c9c9c4;--display:ColorBasic,Roboto,Arial,sans-serif;--body:Inter,Arial,sans-serif}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:var(--off);color:var(--black);font:14px/1.45 var(--body);-webkit-font-smoothing:antialiased}body.is-authenticated #login{display:none!important}button,input,textarea{font:inherit}button,a{color:inherit}button{border:0;cursor:pointer}.wordmark,.sidebar-mark{text-decoration:none;font-family:Roboto,Arial,sans-serif;font-weight:700}.eyebrow{display:block;font:600 11px/1 var(--body);letter-spacing:.16em}.eyebrow.light{color:#fff}
#toast{position:fixed;z-index:99;right:24px;bottom:24px;max-width:360px;background:var(--black);color:#fff;padding:16px 20px;transform:translateY(20px);opacity:0;pointer-events:none;transition:.25s}#toast.show{opacity:1;transform:none}
.login-shell{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(390px,.55fr);min-height:100svh}.login-hero{display:flex;flex-direction:column;justify-content:space-between;min-height:100svh;padding:34px 42px 28px;background:var(--blue);color:#fff}.public-header{display:flex;justify-content:space-between;align-items:flex-start}.wordmark{font-size:24px;letter-spacing:-.06em}.wordmark span{font-weight:400}.edition{font-size:10px;letter-spacing:.14em}.login-statement{margin:auto 0}.login-statement h1{margin:22px 0 0;font:400 clamp(76px,9.4vw,150px)/.77 var(--display);letter-spacing:-.055em;text-transform:uppercase}.login-statement h1 i{color:var(--black);font-style:normal}.hero-foot{display:flex;justify-content:space-between;border-top:1px solid #ffffff70;padding-top:16px;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.login-panel{position:relative;display:flex;flex-direction:column;justify-content:center;padding:70px clamp(30px,5vw,80px);background:#fff}.login-index{position:absolute;top:34px;right:34px;font-size:10px;letter-spacing:.15em}.login-card{display:grid;gap:25px;width:100%;max-width:440px;margin:auto}.login-card h2{margin:0;font:400 clamp(58px,5vw,82px)/.86 var(--display);letter-spacing:-.05em;text-transform:uppercase}.login-card>p{max-width:310px;margin:-8px 0 5px;color:var(--grey)}label{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}input,textarea{display:block;width:100%;border:0;border-bottom:1px solid var(--black);border-radius:0;background:transparent;color:inherit;outline:none}input{padding:12px 0;font-size:16px;letter-spacing:0;text-transform:none}input:focus,textarea:focus{border-color:var(--blue)}input::placeholder,textarea::placeholder{color:#aaa}.arrow-button{display:flex;align-items:center;justify-content:space-between;background:var(--black);color:#fff;padding:17px 18px;text-align:left;transition:background .2s,color .2s}.arrow-button:hover{background:var(--blue)}.arrow-button b{font-size:20px;line-height:1}.login-card .arrow-button{margin-top:7px}.login-card small{min-height:18px;color:#c42323}.site-link{position:absolute;bottom:30px;right:34px;font-size:11px;text-underline-offset:4px}
#portal{min-height:100svh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:210px;display:flex;flex-direction:column;background:var(--black);color:#fff;padding:28px 22px}.sidebar-mark{font-size:32px;letter-spacing:-.08em}.sidebar-mark span{color:var(--blue)}.sidebar nav{display:grid;margin:auto 0;gap:3px}.sidebar button{display:flex;gap:16px;align-items:center;width:100%;padding:13px 10px;background:transparent;color:#777;text-align:left;text-transform:uppercase;font-weight:600;letter-spacing:.08em}.sidebar button i{font:10px var(--body);font-style:normal}.sidebar button span{font-size:13px}.sidebar button:hover,.sidebar button.active{color:#fff}.sidebar button.active:after{content:'';width:7px;height:7px;margin-left:auto;background:var(--blue);border-radius:50%}.sidebar>#logout{border-top:1px solid #333;padding-top:18px}.workspace{min-height:100svh;margin-left:210px;padding:0 clamp(28px,5vw,76px) 80px}.preview-banner{margin:0 calc(clamp(28px,5vw,76px)*-1);padding:10px;text-align:center;background:var(--blue);color:#fff;font-size:10px;letter-spacing:.13em}.workspace-header{display:flex;justify-content:space-between;align-items:center;min-height:126px;border-bottom:1px solid var(--line)}.workspace-header h1{margin:7px 0 0;font:400 34px/1 var(--display);text-transform:uppercase}.account{display:flex;align-items:center;gap:16px}.balance-pill{border:1px solid var(--black);padding:9px 14px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.balance-pill b{color:var(--blue);font-size:15px}#avatar{display:grid;place-items:center;width:42px;height:42px;background:var(--blue);color:#fff;font-weight:700}.view{max-width:1280px;margin:auto}.create-intro{display:grid;grid-template-columns:20% 1fr;padding:10vh 0 7vh}.section-number{font-size:11px;letter-spacing:.13em}.create-intro h2,.section-head h2{margin:19px 0 0;font:400 clamp(58px,7.3vw,112px)/.82 var(--display);letter-spacing:-.05em;text-transform:uppercase}.create-intro h2 i{color:var(--blue);font-style:normal}.prompt-card{background:#fff;border:1px solid var(--black);padding:25px}.prompt-top,.prompt-actions{display:flex;justify-content:space-between;align-items:center}.prompt-top{font-size:9px;letter-spacing:.12em}.prompt-card textarea{min-height:170px;resize:vertical;padding:22px 0;font:400 clamp(25px,3vw,42px)/1.12 var(--display);letter-spacing:-.02em}.prompt-actions{padding-top:20px}.prompt-actions>span{font-size:11px;text-transform:uppercase;letter-spacing:.1em}.prompt-actions .arrow-button{min-width:220px}.process-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-top:1px solid var(--line);padding-top:14px;color:var(--grey);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.job-status{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding:16px 18px;background:var(--black);color:#fff;text-transform:uppercase;font-size:11px;letter-spacing:.09em}.job-status.running:before{content:'';width:8px;height:8px;background:var(--blue);border-radius:50%;animation:pulse 1s infinite}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;padding:9vh 0 5vh}.section-head h2 span{color:var(--blue)}.outline-button{border:1px solid var(--black);background:transparent;padding:13px 18px;text-transform:uppercase;font-size:10px;letter-spacing:.12em}.outline-button:hover{background:var(--black);color:#fff}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.image-card{margin:0;background:#fff}.image-card:nth-child(5n+1){grid-column:span 2}.image-card img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:#ddd}.image-card:nth-child(5n+1) img{aspect-ratio:16/10}.image-card div{display:flex;justify-content:space-between;gap:15px;padding:14px}.image-card span{overflow:hidden;color:var(--grey);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.image-card a{text-transform:uppercase;font-size:10px;font-weight:600;text-underline-offset:3px}.empty{grid-column:1/-1;padding:90px 20px;border:1px solid var(--line);text-align:center;color:var(--grey)}
.credits-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr)}.credits-card{background:var(--blue);color:#fff;padding:clamp(35px,6vw,85px)}.credits-card strong{display:flex;align-items:baseline;gap:16px;margin:25px 0;font:700 clamp(78px,11vw,150px)/.8 Roboto,Arial,sans-serif;letter-spacing:-.06em}.credits-card strong small{font:500 13px var(--body);letter-spacing:.08em;text-transform:uppercase}.credits-card p{max-width:430px;margin:30px 0;color:#dfe8ff}.credits-card .arrow-button{width:100%;margin-top:45px}.credit-notes{display:grid;background:#fff}.credit-notes div{padding:30px;border-bottom:1px solid var(--line)}.credit-notes i{display:block;margin-bottom:25px;color:var(--blue);font-size:10px;font-style:normal}.credit-notes b{text-transform:uppercase}.credit-notes p{margin-bottom:0;color:var(--grey);font-size:12px}
.admin-block{margin-bottom:55px;border-top:1px solid var(--black);padding-top:18px}.block-title{display:flex;gap:35px;align-items:flex-start;margin-bottom:30px}.block-title>span{color:var(--blue);font-size:11px}.block-title h3{margin:0;font:400 30px var(--display);text-transform:uppercase}.block-title b{display:block;margin-top:5px;color:var(--grey);font-size:10px;text-transform:uppercase}.client-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:22px;align-items:end;background:#fff;padding:25px}.client-form .arrow-button{min-width:145px}.client{display:grid;grid-template-columns:1.2fr 1.4fr .7fr 1fr;align-items:center;gap:15px;padding:18px 10px;border-bottom:1px solid var(--line)}.client>b{text-transform:uppercase}.client small{color:var(--grey)}.client form{display:flex;gap:8px}.client form input{width:90px;margin:0;padding:7px}.client form button{background:var(--black);color:#fff;padding:8px 12px;text-transform:uppercase;font-size:9px}.workflow-form{display:grid;grid-template-columns:1fr 220px;gap:18px}.workflow-form textarea{min-height:220px;padding:18px;border:1px solid var(--black);background:#fff;font:12px/1.5 monospace}.workflow-form .arrow-button{align-self:end}.preview-banner+ .workspace-header{min-height:105px}button:disabled{opacity:.45;cursor:wait}
@keyframes pulse{50%{opacity:.25}}@media(max-width:980px){.login-shell{grid-template-columns:1fr 1fr}.login-hero{padding:28px}.login-statement h1{font-size:clamp(65px,10vw,100px)}.sidebar{width:160px}.workspace{margin-left:160px}.gallery-grid{grid-template-columns:repeat(2,1fr)}.client-form{grid-template-columns:1fr 1fr}.client-form .arrow-button{min-height:52px}.client{grid-template-columns:1fr 1fr}.credits-layout{grid-template-columns:1fr}.credit-notes{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.login-shell{display:block}.login-hero{min-height:54svh;padding:22px 20px}.edition{display:none}.login-statement h1{font-size:17vw}.hero-foot span:last-child{display:none}.login-panel{min-height:46svh;padding:70px 20px 80px}.login-index{top:22px;right:20px}.login-card{gap:18px}.login-card h2{font-size:50px}.site-link{right:20px;bottom:24px}.sidebar{inset:auto 0 0;width:100%;height:68px;flex-direction:row;align-items:center;padding:7px 12px}.sidebar-mark{display:none}.sidebar nav{display:flex;justify-content:space-around;width:100%;margin:0}.sidebar button{justify-content:center;width:auto;padding:11px 8px}.sidebar button i{display:none}.sidebar button span{font-size:10px}.sidebar button.active:after{position:absolute;margin:30px 0 0}.sidebar>#logout{width:auto;border:0;padding:11px 8px}.sidebar>#logout i{display:none}.sidebar>#logout span{font-size:0}.sidebar>#logout span:after{content:'OUT';font-size:10px}.workspace{margin-left:0;padding:0 18px 95px}.workspace-header{min-height:95px}.workspace-header h1{font-size:25px}.workspace-header .eyebrow{font-size:8px}.balance-pill{padding:7px 9px;font-size:0}.balance-pill b{font-size:13px}.balance-pill:after{content:' CR';font-size:9px}#avatar{width:36px;height:36px}.create-intro{grid-template-columns:1fr;padding:8vh 0 5vh}.section-number{display:none}.create-intro h2,.section-head h2{font-size:15vw}.prompt-card{padding:18px}.prompt-top span{display:none}.prompt-card textarea{min-height:145px;font-size:28px}.prompt-actions{align-items:flex-start;gap:18px;flex-direction:column}.prompt-actions .arrow-button{width:100%}.process-strip{margin-top:40px}.section-head{padding:7vh 0 4vh}.gallery-grid{grid-template-columns:1fr}.image-card:nth-child(5n+1){grid-column:auto}.image-card:nth-child(5n+1) img{aspect-ratio:4/5}.credits-card{padding:35px 22px}.credits-card strong{font-size:25vw}.credit-notes{grid-template-columns:1fr}.client-form{grid-template-columns:1fr;padding:20px}.client{grid-template-columns:1fr}.workflow-form{grid-template-columns:1fr}.workflow-form .arrow-button{width:100%}.block-title{gap:18px}.preview-banner{margin:0 -18px}.section-head .outline-button{margin-bottom:4px}}
/* Color Basic is reserved for headings. Headings use one consistent case and a restrained scale. */
h1,h2,h3{max-width:100%;font-family:var(--display)!important;line-height:1.25!important;letter-spacing:0!important;text-transform:lowercase!important;overflow-wrap:normal;word-break:normal}
.login-statement h1{font-size:clamp(44px,5.5vw,78px)}.login-card h2{font-size:clamp(36px,3.2vw,48px)}.workspace-header h1{font-size:24px;white-space:nowrap}.create-intro h2,.section-head h2{font-size:clamp(36px,4.1vw,58px)}.block-title h3{font-size:22px}.prompt-card textarea{font-family:var(--body);font-size:clamp(22px,2.2vw,32px);line-height:1.3}
@media(max-width:700px){.login-statement h1{font-size:10vw}.login-card h2{font-size:34px}.workspace-header h1{font-size:20px}.create-intro h2,.section-head h2{font-size:9.5vw}.credits-card strong{font-size:18vw}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}