.service-page h1{max-width:16ch}
.service-page .service-hero .container{padding-top:clamp(70px,8vw,110px);padding-bottom:clamp(70px,8vw,110px)}
.service-page .service-close{background:var(--dark);color:#fff}
.service-close .container{padding-top:clamp(65px,7vw,90px);padding-bottom:clamp(65px,7vw,90px)}
.service-close p{max-width:58ch;color:var(--light-text)}
.service-close .button{background:var(--paper);color:var(--ink)}
.service-close .button.secondary{border-color:var(--light-text);background:transparent;color:#fff}
.service-close .button:hover,.service-close .button.secondary:hover{background:var(--tint);color:var(--ink)}
.service-page :is(.perm-details,.colour-brief,.tint-practical) a:not(.button){color:var(--accent);font-weight:700;text-decoration:underline}
.perm-hero{background:var(--paper);border-bottom:1px solid var(--border)}
.perm-hero h1{max-width:13ch}
.perm-hero .lead{max-width:56ch}
.perm-conversation{background:var(--tint)}
.perm-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.75fr);gap:clamp(40px,7vw,105px);align-items:start}
.perm-grid p{max-width:58ch}
.perm-note{padding:33px;border-left:5px solid var(--accent);background:var(--paper)}
.perm-note ol{margin:20px 0 0;padding-left:22px;line-height:1.9;font-size:17px}
.perm-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:34px}
.perm-steps article{border-top:2px solid var(--line);padding-top:20px}
.perm-steps strong{display:block;margin-bottom:24px;color:var(--accent);font:normal 23px Georgia,serif}
.perm-steps p{margin:0}
.colour-hero{background:var(--section-bg)}
.colour-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,.65fr);gap:clamp(40px,8vw,110px);align-items:center}
.colour-head h1{max-width:12ch}
.colour-options{padding:22px 33px;background:var(--paper);border:1px solid var(--border)}
.colour-options span,.tint-panels span{color:var(--accent);font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.colour-options p{padding:16px 0;margin:0;border-bottom:1px solid var(--border);font:normal clamp(23px,2.4vw,30px) Georgia,serif}
.colour-options p:last-child{border:0}
.colour-choices{max-width:1050px}
.colour-list{margin-top:28px;border-top:1px solid var(--line)}
.colour-list article{display:grid;grid-template-columns:80px 1fr;gap:22px;padding:26px 0;border-bottom:1px solid var(--border)}
.colour-list span{color:var(--accent);font:normal 20px Georgia,serif}
.colour-list h3{margin-bottom:5px}
.colour-list p{max-width:62ch;margin:0}
.colour-brief{background:var(--paper)}
.colour-aside{padding:32px;background:var(--tint)}
.colour-aside p{margin-top:0}
.tint-hero{background:var(--paper)}
.tint-head{max-width:1100px;text-align:center}
.tint-head h1,.tint-head .lead{margin-left:auto;margin-right:auto}
.tint-head h1{max-width:16ch}
.tint-head .actions{justify-content:center}
.tint-compare{max-width:1050px}
.tint-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px}
.tint-panels article{min-height:260px;padding:clamp(28px,4vw,46px);background:var(--tint);border-radius:3px 60px 3px 3px}
.tint-panels article+article{background:var(--section-bg);border-radius:60px 3px 3px 3px}
.tint-panels h3{margin-top:34px}
.tint-panels p{max-width:38ch;margin-bottom:0}
.tint-practical{background:var(--section-bg)}
.tint-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,8vw,100px)}
.tint-grid p:first-child{margin-top:0}
@media(max-width:760px){.perm-grid,.perm-steps,.colour-head,.tint-panels,.tint-grid{grid-template-columns:1fr}.colour-options{max-width:560px}.tint-head{text-align:left}.tint-head h1,.tint-head .lead{margin-left:0}.tint-head .actions{justify-content:flex-start}}
@media(max-width:430px){.perm-note{padding:25px}.colour-list article{grid-template-columns:38px 1fr;gap:12px}.tint-panels article{min-height:0}}