@font-face{font-family:CreBandHand;src:url('/assets/creaband/PatrickHandSC-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.creaband-page{--cb-ink:#171721;--cb-purple:#6B64C5;--cb-paper:#FBF7EF;--cb-coral:#F47D7D;--cb-blue:#3BBBE6;--cb-yellow:#FFD24B;--accent:#5147A2;color:var(--cb-ink);background:var(--cb-paper)}
.creaband-page .cb-section{padding:86px 0;scroll-margin-top:80px}
.creaband-page .cb-section h1,.creaband-page .cb-section h2,.cb-hand{font-family:CreBandHand,'Segoe UI',sans-serif;font-weight:400;letter-spacing:-.015em}
.creaband-page .cb-section h1{font-size:clamp(3.3rem,6vw,5.5rem);line-height:1.02;margin:18px 0 24px}
.creaband-page .cb-section h2{font-size:clamp(2.4rem,4vw,3.8rem);line-height:1.08;margin:8px 0 24px;max-width:900px}
.creaband-page .cb-section h3{font:600 1.02rem/1.4 var(--font-body);margin:0 0 12px}
.creaband-page .cb-section p{margin:0 0 20px}
.creaband-page .cb-section .cb-eyebrow{font:400 1.1rem/1.3 CreBandHand,sans-serif;color:#5147A2;margin:0 0 14px}
.cb-brand{width:280px;max-width:75%;height:auto;margin-bottom:36px}
.cb-hero-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:72px;align-items:center}
.cb-lead{font-size:1.17rem;line-height:1.65;max-width:650px}
.cb-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin:30px 0 22px}
.cb-button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:15px 22px;min-height:52px;background:var(--cb-purple);color:white;border:1.5px solid var(--cb-ink);border-radius:8px 11px 9px 6px;font-weight:600;font-size:.95rem;line-height:1.45;text-align:left}
.cb-button:hover,.cb-button:focus-visible{background:#554DA8;color:white;text-decoration:none}
.cb-text-link{font-size:.96rem;font-weight:600;text-decoration:underline;text-underline-offset:5px}
.cb-signature,.cb-small{font-size:.88rem;color:#50505D;line-height:1.7}
.cb-notebook{position:relative;padding:35px 28px 22px;background:white;border:1.5px solid var(--cb-ink);border-radius:9px 13px 8px 12px;transform:rotate(1deg)}
.cb-tab{position:absolute;right:26px;top:-17px;padding:4px 18px;background:var(--cb-yellow);border:1px solid var(--cb-ink);font:400 1.1rem CreBandHand,sans-serif;transform:rotate(-4deg)}
.creaband-page .cb-notebook .cb-notebook-title{font-size:2.7rem;line-height:1.05;margin:0 0 28px}
.cb-strip{display:flex;gap:14px;padding:16px 14px;margin-bottom:13px;border:1px solid var(--cb-ink);border-radius:6px 10px 7px 8px}
.cb-strip>span{font:400 1.2rem CreBandHand,sans-serif}
.cb-strip strong{font-size:.94rem;line-height:1.4;display:block;margin-bottom:5px}
.creaband-page .cb-strip p{font-size:.82rem;line-height:1.6;margin:0}
.cb-yellow{background:var(--cb-yellow)}.cb-blue{background:#C7EDF8}.cb-coral{background:#FAD1CD}
.creaband-page .cb-notebook .cb-margin-note{font:400 1.3rem CreBandHand,sans-serif;text-align:center;margin:20px 0 0;color:#5147A2}
.cb-index{border-block:1px solid #DAD5D0;background:#fff;overflow:auto}
.cb-index>.container{display:flex;justify-content:space-between;gap:28px;padding-block:18px;white-space:nowrap;font-size:.86rem}
.cb-two-col{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:start}
.cb-soft{background:#F0ECF8;border-block:1px solid #DED9EB}
.cb-paper{padding:32px;background:white;border:1px solid var(--cb-ink);border-radius:8px 14px 9px 13px}
.cb-paper h3:not(:first-child){margin-top:28px!important}
.cb-section-heading{max-width:800px;margin-bottom:40px}
.cb-process{padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;counter-reset:steps}
.cb-process li{border-top:1px solid var(--cb-ink);padding-top:20px}
.cb-process li>span{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;background:var(--cb-yellow);border:1px solid var(--cb-ink);border-radius:50%;font:400 1.5rem CreBandHand,sans-serif;margin-bottom:18px}
.cb-process li:nth-child(2)>span{background:#C7EDF8}.cb-process li:nth-child(3)>span{background:#FAD1CD}.cb-process li:nth-child(4)>span{background:#E3DFF4}
.cb-process p{font-size:.94rem;line-height:1.75}
.cb-score{margin:0 0 32px;padding:26px;background:#fff;border:1px solid var(--cb-ink);border-radius:9px;overflow:hidden}
.cb-score img{width:min(100%,900px);height:auto;margin:auto}
.cb-score figcaption{font-size:.82rem;color:#55515F;margin-top:12px}
.cb-example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin:28px 0}
.cb-example-grid>div{border-top:3px solid var(--cb-purple);padding-top:18px}
.cb-example-grid>div:nth-child(2){border-top-color:var(--cb-blue)}.cb-example-grid>div:nth-child(3){border-top-color:var(--cb-coral)}
.cb-example-grid p{font-size:.96rem}
.cb-quote{padding:26px 28px;margin-bottom:30px;background:var(--cb-yellow);border:1px solid var(--cb-ink);border-radius:12px 8px 11px 7px}
.creaband-page .cb-quote .cb-hand{font-size:2.25rem;line-height:1.15}
.creaband-page .cb-quote p:last-child{font-size:.92rem;margin:0}
.cb-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:0 38px}
.cb-projects article{padding:26px 0;border-top:1px solid #CDC7C1}
.cb-projects p{font-size:.92rem}
.cb-project-mark{font:400 1.4rem CreBandHand,sans-serif;color:#5147A2;display:block;margin-bottom:14px}
.cb-start-list{padding:0 0 0 24px;margin:12px 0 0;display:grid;gap:26px}
.cb-start-list li{padding-left:8px}.cb-start-list strong{display:block;margin-bottom:5px}
.cb-file-type{font-size:.77rem;font-weight:400;max-width:85px}
.creaband-page .cb-status{margin:40px 0 0;padding:24px 28px;border:1px dashed #766CB3;border-radius:8px;font-size:.95rem}
.cb-app-section{background:#E9F4F7;border-block:1px solid #CCE0E7}
.cb-practice-card{border:1px solid var(--cb-ink);border-radius:11px 8px 13px 8px;background:white;padding:34px}
.creaband-page .cb-practice-card>.cb-hand{font-size:2.25rem;line-height:1.2}
.cb-practice-card ol{padding-left:22px;display:grid;gap:22px;margin:25px 0 32px}
.cb-contact{padding:34px;background:#EDE9F8;border:1px solid var(--cb-ink);border-radius:10px 8px 13px 8px}
.creaband-page .cb-contact>.cb-hand{font-size:2.3rem;line-height:1.1}
.cb-contact>a{font-weight:600;text-decoration:underline;text-underline-offset:5px;overflow-wrap:anywhere}
.creaband-page .cb-contact .cb-small{margin:20px 0 0}
@media(max-width:1000px){.cb-hero-grid{gap:35px}.cb-two-col{gap:40px}.cb-process{grid-template-columns:repeat(2,1fr)}.cb-notebook{padding:30px 22px 22px}}
@media(max-width:700px){.creaband-page .cb-section{padding:54px 0}.cb-hero-grid,.cb-two-col,.cb-example-grid{grid-template-columns:1fr;gap:32px}.cb-hero-grid{gap:48px}.cb-brand{width:230px;margin-bottom:28px}.creaband-page .cb-section h1{font-size:3.6rem}.creaband-page .cb-section h2{font-size:2.75rem}.cb-notebook{max-width:470px;transform:none}.cb-projects{grid-template-columns:repeat(2,1fr);gap:0 24px}.cb-score{padding:12px}.cb-lead{font-size:1.08rem}.cb-contact,.cb-practice-card,.cb-paper{padding:26px}.cb-actions{align-items:flex-start;flex-direction:column;gap:20px}.cb-index>.container{justify-content:flex-start}.cb-example-grid{margin:20px 0}}
@media(max-width:420px){.cb-process,.cb-projects{grid-template-columns:1fr}.cb-process{gap:20px}.creaband-page .cb-section h1{font-size:3.15rem}.cb-button{width:100%;gap:12px}.cb-score figcaption{font-size:.76rem}}
@media(prefers-reduced-motion:reduce){.creaband-page{scroll-behavior:auto}.creaband-page *{scroll-behavior:auto}}
.creaband-page .cb-hero-photo{padding:86px 0 72px;min-height:clamp(560px,78vh,780px);display:flex;align-items:center;background-image:linear-gradient(90deg,rgba(14,12,36,.87),rgba(14,12,36,.43)),url('../img/creaband-hero.png');background-position:center;background-size:cover;color:#fff}
.cb-hero-photo-copy{position:relative;z-index:1}
.cb-hero-photo h1{font:600 clamp(3.2rem,6.5vw,5.6rem)/1.05 var(--font-display);letter-spacing:-.045em;margin:20px 0 24px;color:#fff}
.cb-hero-photo .lead{max-width:610px;font-size:1.12rem;line-height:1.7;color:rgba(255,255,255,.9)}
.cb-hero-photo .eyebrow{max-width:660px;font-size:.82rem;color:rgba(255,255,255,.85)}
.cb-hero-photo .hero-actions{gap:16px;margin-top:30px;max-width:820px}
.cb-hero-photo .button{white-space:normal;text-align:center;min-height:52px}
.cb-hero-photo .button.secondary{background:rgba(14,12,36,.2);border-color:#fff;color:#fff}
.cb-hero-photo .button.secondary:hover{background:rgba(255,255,255,.12);color:#fff}
.cb-app-help{display:inline-block;margin-top:24px;color:#fff;font-size:.9rem;text-decoration:underline;text-underline-offset:5px}
.cb-app-help:hover,.cb-app-help:focus-visible{color:#fff}
@media(max-width:700px){.creaband-page .cb-hero-photo{padding:64px 0 56px;min-height:580px;background-position:60% center}.cb-hero-photo h1{font-size:clamp(2.8rem,11vw,4rem)}.cb-hero-photo .hero-actions{align-items:stretch;flex-direction:column;max-width:390px}.cb-hero-photo .lead{font-size:1.04rem}.cb-hero-photo .eyebrow{font-size:.75rem;line-height:1.7}}
.creaband-page .cb-materials{max-width:900px}
.creaband-page .cb-materials .cb-lead{max-width:none}