.colour-study{color:#f3f1eb;background:#171a1b;min-height:100vh;padding:0 24px 100px}.colour-header{border-bottom:1px solid #ffffff38;justify-content:space-between;align-items:center;max-width:1400px;min-height:90px;margin:auto;display:flex}.colour-header>a{border:1px solid #f3f1eb;border-radius:50%;place-items:center;width:44px;height:44px;font-family:Georgia,serif;display:grid}.colour-header>div{text-transform:uppercase;letter-spacing:.13em;align-items:center;gap:28px;font-size:.72rem;display:flex}.colour-header p{margin:0}.colour-header span{color:#ffffff80}.colour-intro{grid-template-columns:1fr 2.3fr;align-items:end;max-width:1400px;margin:auto;padding:80px 0 95px;display:grid}.colour-intro>p{color:#ffffff9c;font-family:Georgia,serif;font-size:1.2rem}.colour-intro h1{letter-spacing:-.07em;margin:0;font-size:clamp(5rem,12vw,11rem);line-height:.72}.colour-intro em{color:#b8b8b8;font-weight:400}.palette-grid{grid-template-columns:repeat(3,1fr);gap:12px;max-width:1400px;margin:auto;display:grid}.palette-card{--swatch:#087f78;color:#171a1b;background:#f3f1eb;flex-direction:column;min-height:680px;padding:25px;display:flex}.palette-card.orange{--swatch:#c6532e}.palette-card.acid{--swatch:#d7e312}.palette-top{text-transform:uppercase;letter-spacing:.11em;border-bottom:1px solid #171a1b;justify-content:space-between;padding-bottom:14px;font-size:.66rem;display:flex}.palette-top p{margin:0}.palette-sample{background:var(--swatch);flex-direction:column;flex:1;margin-top:25px;padding:32px 25px;display:flex}.orange .palette-sample{color:#fff4eb}.acid .palette-sample{color:#111}.sample-kicker{text-transform:uppercase;letter-spacing:.15em;margin:0 0 55px;font-size:.65rem}.palette-sample h2{letter-spacing:-.07em;margin:0;font-size:clamp(3.5rem,6vw,6.2rem);line-height:.75}.palette-sample blockquote{margin:auto 0 0;font-size:1.65rem;line-height:1.08}.palette-card footer{justify-content:space-between;align-items:end;padding-top:22px;display:flex}.palette-card footer strong{font-family:Georgia,serif;font-size:1.5rem;font-weight:400}.palette-card code{font-size:.72rem}.colour-close{border-top:1px solid #ffffff38;grid-template-columns:1fr 1fr;max-width:1400px;margin:80px auto 0;padding-top:25px;display:grid}.colour-close p{max-width:560px;margin:0;font-family:Georgia,serif;font-size:1.35rem}.colour-close a{border-bottom:1px solid;place-self:end;padding-bottom:5px;font-size:.82rem}@media (max-width:900px){.palette-grid{grid-template-columns:1fr}.palette-card{min-height:580px}.colour-intro{grid-template-columns:1fr;gap:45px}.colour-header>div span{display:none}.colour-close{grid-template-columns:1fr;gap:40px}.colour-close a{justify-self:start}.palette-sample h2{font-size:clamp(4rem,16vw,7rem)}}