/* Aanvulling op studio.css voor de subpagina's. studio.css zelf blijft ongewijzigd. */
.page-head{padding:85px 0 60px;border-bottom:1px solid #dde1e5}
.page-head h1{font-size:clamp(2.8rem,6vw,5.4rem);max-width:900px}
.page-head h1 span{color:#172cce}
.page-head p{max-width:560px;color:#59666e;font-size:19px;margin:0}
.crumb{font-size:12px;text-transform:uppercase;letter-spacing:.16em;font-weight:700;color:#59666e;margin-bottom:26px;display:block}
.crumb a{text-decoration:none}
.crumb a:hover{text-decoration:underline}
.links a[aria-current="page"]{font-weight:700;text-decoration:underline;text-underline-offset:8px;text-decoration-color:#172cce}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.cards.two{grid-template-columns:1fr 1fr}
.card{padding:34px;background:#fff;border:1px solid #dde3e8;border-radius:10px}
.card h3{font-size:1.5rem;margin-bottom:12px}
.card p{color:#59666e;margin-bottom:0}
.card .number{margin-bottom:30px}
.ruled{list-style:none;padding:0;margin:24px 0 0}
.ruled li{padding:12px 0;border-top:1px solid #e2e7eb;font-size:15px}

.band{background:#172027;color:#fff}
.band .label{color:#aebbc6}
.band .card{background:#1e2a32;border-color:#2c3a44}
.band .card p{color:#b5c1cb}
.band .number{color:#dafa72}
.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.split p{color:#59666e}
.prose{max-width:760px}
.prose h2{font-size:1.7rem;margin:42px 0 12px;letter-spacing:-.04em}
.prose p,.prose li{color:#3d4a52}
.prose ul{padding-left:20px}
.prose li{margin-bottom:6px}
.prose a{color:#172cce}
.note{background:#fff;border:1px solid #dde3e8;border-radius:6px;padding:16px 20px;color:#59666e;font-size:15px;margin-bottom:34px}
.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}
.contact-layout dl{margin:0}
.contact-layout dt{font-size:12px;text-transform:uppercase;letter-spacing:.16em;font-weight:700;color:#59666e;margin-top:26px}
.contact-layout dd{margin:6px 0 0;font-size:19px}
.contact-layout dd a{text-underline-offset:5px}
form.card{padding:36px}
.field{margin-bottom:20px}
.field label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}
.field input,.field select,.field textarea{width:100%;font:inherit;padding:13px 14px;border:1px solid #b9c2ca;border-radius:6px;background:#fff;color:#172027;min-height:50px}
.field textarea{min-height:150px;resize:vertical}
.field [aria-invalid="true"]{border-color:#b3261e}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}
button.button{border:0;cursor:pointer}
button.button:disabled{opacity:.6;cursor:wait}
.msg{margin-top:16px;font-size:15px;min-height:1.5em;color:#59666e}
.msg.ok{color:#1b6b3a}
.msg.bad{color:#b3261e}
.big404{font-size:clamp(7rem,22vw,16rem);font-weight:700;line-height:.85;letter-spacing:-.09em;color:#172cce;margin:0 0 24px}
.big404 span{color:#172027}
table.data{width:100%;border-collapse:collapse;background:#fff;border:1px solid #dde3e8;border-radius:10px;overflow:hidden}
table.data th,table.data td{text-align:left;padding:14px 16px;border-bottom:1px solid #e2e7eb;font-size:14px;vertical-align:top}
table.data th{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#59666e;background:#f5f6f8}
.login{max-width:420px;margin:70px auto}
.logo-stage{display:grid;place-items:center;min-height:240px;border-radius:8px;background:#f5f6f8;border:1px solid #e2e7eb;margin-bottom:26px}
.logo-stage.dark{background:#172027;border-color:#172027}
.file{font-size:13px;color:#59666e}
.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.swatch-box{background:#1e2a32;border:1px solid #2c3a44;border-radius:10px;overflow:hidden}
.swatch-box .swatch{height:130px}
.swatch-meta{padding:16px 18px;display:flex;flex-direction:column;gap:4px}
.swatch-meta span{font-size:13px;color:#b5c1cb}
@media(max-width:850px){.swatches{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.cards,.cards.two{grid-template-columns:1fr}.split,.contact-layout{grid-template-columns:1fr;gap:35px}.page-head{padding:50px 0 40px}}
@media(max-width:600px){.two-col{grid-template-columns:1fr}.card,form.card{padding:26px}}