.color-topic{color:#30432e}.color-topic .color-section,.color-topic .color-hero{width:min(1180px,calc(100% - 64px));margin:auto;padding:clamp(44px,6vw,86px) 0}.color-topic h1{font:clamp(42px,5.4vw,76px)/1.07 Georgia,serif;white-space:pre-line;font-weight:400;letter-spacing:-.045em;margin:22px 0}.color-topic h2{font:clamp(31px,3.7vw,49px)/1.13 Georgia,serif;font-weight:400;max-width:800px}.color-topic h3{font:25px/1.2 Georgia,serif;font-weight:400}.color-topic p{font-size:16px;line-height:1.85;white-space:pre-line}.color-topic .color-section{border-top:1px solid rgba(66,83,49,.28)}.color-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(30px,5vw,80px)}.color-lead{max-width:58ch}.color-placeholder{min-height:320px;border:1px dashed rgba(62,83,45,.38);border-radius:6px 70px 6px 6px;padding:35px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:radial-gradient(ellipse at 80% 20%,rgba(207,221,190,.5),transparent 65%),linear-gradient(135deg,rgba(241,232,210,.6),rgba(152,170,128,.15));box-shadow:12px 18px 40px rgba(58,66,44,.07)}.color-placeholder span{font-size:10px;letter-spacing:.18em}.color-placeholder p{font:29px/1.3 Georgia,serif;max-width:260px}.color-placeholder small{font-size:12px}.color-hero>.color-placeholder{min-height:500px;transform:rotate(2deg)}.color-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px;margin-top:36px}.color-work{margin:0;min-width:0}.color-work>img{width:100%;height:auto;max-height:650px;object-fit:contain;filter:drop-shadow(0 15px 17px rgba(40,54,33,.13));border-radius:4px}.color-work figcaption{padding:20px 0}.color-work h4{font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px}.color-work p{margin-top:0;font-size:15px}.color-hero-image figcaption{display:none}.color-credit{display:flex;gap:12px;align-items:center;margin:15px 0}.color-credit img{width:44px;height:44px;border-radius:50%;object-fit:cover}.color-credit span{font-size:13px}.color-techniques{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.color-techniques article{border-left:1px solid rgba(66,83,49,.25);padding-left:22px}.color-team{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.color-team img{border-radius:50%;object-fit:cover}.color-preview-note{padding:14px 24px;font:12px/1.5 Arial,sans-serif;text-align:center;background:#e5e7d6;border-bottom:1px solid #b8c2a8}.color-topic .button{margin:18px 15px 0 0}.color-topic .service-reading>p{padding:0 20px 20px}.color-topic .price-row{padding:18px 0}.color-topic .text-link{display:inline-block;margin-top:18px}@media(max-width:760px){.color-topic .color-section,.color-topic .color-hero{width:calc(100% - 40px)}.color-hero,.color-examples,.color-techniques,.color-team{grid-template-columns:1fr}.color-hero>.color-placeholder{min-height:330px;transform:rotate(1deg)}.color-techniques{gap:20px}.color-topic h1{font-size:clamp(37px,10vw,58px)}.color-work>img{max-height:600px}.color-topic .color-section{padding:42px 0}}@media(prefers-reduced-motion:reduce){.color-hero>.color-placeholder{transform:none}}
/* Colour guide: a calm reading rhythm, one decision at a time. */
.color-topic .color-section{padding-block:clamp(60px,7.5vw,108px);scroll-margin-top:190px}
.color-topic .color-section>h2{margin:18px 0 28px;max-width:800px}
.color-topic .color-section>p{max-width:76ch;margin:0 0 24px}
.color-topic .color-page-nav{width:min(1180px,calc(100% - 64px));margin:0 auto 20px;display:flex;flex-wrap:wrap;gap:12px 28px;padding:24px 0 30px;border-top:1px solid rgba(66,83,49,.2)}
.color-page-nav a{font-size:13px;line-height:1.6;color:inherit;text-decoration:none;border-bottom:1px solid rgba(66,83,49,.35);padding-block:5px}
.color-page-nav a:hover,.color-page-nav a:focus-visible{border-color:currentColor}
.color-topic .color-techniques{display:block;margin-top:44px}
.color-topic .color-explainer{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(0,1.45fr);gap:clamp(32px,6vw,90px);padding:38px 0;border:0;border-top:1px solid rgba(66,83,49,.2);margin:0}
.color-topic .color-explainer h3{font:clamp(23px,2.5vw,31px)/1.25 Georgia,serif;margin:8px 0 0;max-width:330px}
.color-step-number{display:block;font-size:12px;letter-spacing:.18em;color:#65745a;margin-bottom:18px}
.color-topic .color-explainer-body{min-width:0;max-width:68ch}
.color-topic .color-explainer-body p{margin:0 0 18px;font-size:16px;line-height:1.85}
.color-topic .color-explainer-body p:last-child{margin-bottom:0}
.color-process{margin-top:40px}
.color-topic .color-price-list{margin:36px 0}
.color-topic .color-price-list .price-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:start;padding:24px 0}
.color-price-group{display:block;font:11px/1.5 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#68735d;margin-bottom:6px}
.color-topic .color-price-list h3{font:23px/1.3 Georgia,serif;margin:0 0 9px}
.color-topic .color-price-list .price-row>div>span{display:block;font-size:14px;line-height:1.7;max-width:70ch}
.color-topic .color-price-list .price-row>strong{font:600 18px/1.5 Arial,sans-serif;text-align:right;max-width:260px;padding-top:22px}
.color-price-note{padding:28px 32px;background:rgba(224,217,199,.42);border-left:2px solid #8c9b7a;max-width:920px;border-radius:0 12px 12px 0}
.color-topic .color-price-note h3{font-size:24px;margin:0 0 14px}
.color-topic .color-price-note p{margin:0;font-size:15px;line-height:1.8}
.color-topic .color-team{gap:38px 48px;margin-top:42px}
.color-topic .color-team article{padding:24px 0;border-top:1px solid rgba(66,83,49,.2);min-width:0}
.color-topic .color-team h3{margin:16px 0 10px}
.color-topic .color-team p{font-size:14px;line-height:1.75;margin:0;max-width:34ch}
.color-topic #farbteam>.text-link{margin-right:28px}
.color-topic #farbfragen .service-reading{max-width:940px;border-radius:0;background:transparent;margin:0;border-bottom:1px solid rgba(66,83,49,.22)}
.color-topic #farbfragen summary{padding:23px 20px;font-size:17px;line-height:1.55;cursor:pointer}
.color-topic #farbfragen details>p{padding:0 20px 26px;margin:0;max-width:80ch;line-height:1.85}
@media(max-width:980px){.color-topic .color-team{grid-template-columns:repeat(2,minmax(0,1fr))}.color-topic .color-explainer{grid-template-columns:minmax(170px,.7fr) minmax(0,1.3fr);gap:32px}}
@media(max-width:760px){.color-topic .color-section{padding-block:52px;scroll-margin-top:160px}.color-topic .color-page-nav{width:calc(100% - 40px);gap:10px 22px}.color-topic .color-explainer{display:block;padding:30px 0}.color-topic .color-explainer h3{max-width:none;margin:0 0 22px}.color-step-number{margin-bottom:12px}.color-topic .color-explainer-body p{font-size:15px}.color-topic .color-price-list .price-row{grid-template-columns:1fr;gap:14px}.color-topic .color-price-list .price-row>strong{text-align:left;padding-top:0;max-width:none}.color-price-note{padding:24px}.color-topic #farbfragen summary{padding-inline:0}.color-topic #farbfragen details>p{padding-inline:0}}
@media(max-width:420px){.color-topic .color-team{grid-template-columns:1fr}.color-topic .color-page-nav a{font-size:12px}}
.color-topic .color-wishes{display:flex;flex-wrap:wrap;gap:10px 14px;margin:30px 0 14px}
.color-wishes a{display:inline-block;padding:10px 15px;border:1px solid rgba(66,83,49,.3);border-radius:24px;font-size:13px;line-height:1.5;color:inherit;text-decoration:none;background:rgba(248,244,232,.2)}
.color-wishes a:hover,.color-wishes a:focus-visible{background:rgba(222,230,210,.5);border-color:#5f7553}
.color-topic .color-explainer-heading .color-service-label{font:11px/1.7 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px;color:#596950}
.color-topic [id^="farbwunsch-"]{scroll-margin-top:190px}
@media(max-width:760px){.color-topic [id^="farbwunsch-"]{scroll-margin-top:160px}.color-topic .color-wishes{gap:9px}.color-wishes a{font-size:12px;padding:9px 13px}}
