*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--cream: #FAF7F2;--warm-white: #FDF9F4;--sand: #EDE5D8;--sand-mid: #DDD0BC;--terracotta: #C4895A;--terra-lt: #D9A880;--gold: #B8963E;--sage: #8A9E87;--sage-light: #B4C4B1;--blush: #E8C4A8;--text: #2C2416;--text-mid: #6B5D4E;--text-soft: #A99585;--border: #E4D9C8;--serif: "Playfair Display", serif;--sans: "DM Sans", sans-serif}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--text);font-family:var(--sans);font-weight:300;overflow-x:hidden}header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:20px 52px;background:#faf7f2f0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.logo svg{display:block}nav{display:flex;gap:38px;align-items:center}nav a{font-size:10px;font-weight:300;letter-spacing:.24em;text-transform:uppercase;color:var(--text-mid);text-decoration:none;transition:color .3s}nav a:hover{color:var(--terracotta)}.header-right{display:flex;gap:16px;align-items:center}.header-right button{background:none;border:none;cursor:pointer;font-family:var(--sans);font-size:10px;font-weight:300;letter-spacing:.24em;text-transform:uppercase;color:var(--text-mid)}.btn-nav-cta{padding:10px 22px;border:1.5px solid var(--terracotta)!important;color:var(--terracotta)!important;border-radius:2px;transition:background .3s!important;text-decoration:none;display:inline-block}.btn-nav-cta:hover{background:var(--terracotta)!important;color:var(--warm-white)!important}.page-hero{padding:140px 80px 72px;background:var(--sand);position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;top:-80px;right:10%;width:400px;height:400px;background:radial-gradient(circle,rgba(196,137,90,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none}.page-hero:after{content:"";position:absolute;bottom:-60px;left:5%;width:260px;height:260px;background:radial-gradient(circle,rgba(138,158,135,.12) 0%,transparent 70%);border-radius:50%;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:.42em;text-transform:uppercase;color:var(--terracotta);margin-bottom:18px;display:flex;align-items:center;gap:12px}.eyebrow:before{content:"";width:28px;height:1px;background:var(--terracotta);display:block}.page-hero h1{font-family:var(--serif);font-size:clamp(38px,4.2vw,60px);font-weight:300;line-height:1.12;color:var(--text);margin-bottom:20px}.page-hero h1 em{font-style:italic;color:var(--terracotta)}.page-hero p{font-size:15px;line-height:1.85;color:var(--text-mid);max-width:580px;letter-spacing:.03em}.section{padding:88px 80px}.section{padding-left:max(80px,calc((100% - var(--max-content, 1600px)) / 2))!important;padding-right:max(80px,calc((100% - var(--max-content, 1600px)) / 2))!important}.section.alt{background:var(--warm-white)}.section.sand{background:var(--sand)}.section-header{margin-bottom:52px}.section-eyebrow{font-size:9px;letter-spacing:.42em;text-transform:uppercase;color:var(--terracotta);margin-bottom:14px;display:flex;align-items:center;gap:10px}.section-eyebrow:before{content:"";width:20px;height:1px;background:var(--terracotta);display:block}.section-header h2{font-family:var(--serif);font-size:clamp(28px,3vw,42px);font-weight:300;line-height:1.2;color:var(--text);margin-bottom:16px}.section-header h2 em{font-style:italic;color:var(--terracotta)}.section-header p{font-size:14px;line-height:1.85;color:var(--text-mid);max-width:580px;letter-spacing:.03em}.wheel-wrap{display:grid;grid-template-columns:340px minmax(0,1fr);gap:56px;align-items:start}@media(min-width:1200px){.wheel-wrap{gap:72px}}.wheel-canvas-wrap{display:flex;flex-direction:column;align-items:center;gap:20px;position:sticky;top:120px}#colour-wheel{cursor:crosshair;border-radius:50%;display:block}.wheel-selected{display:flex;align-items:center;gap:16px}.wheel-swatch{width:48px;height:48px;border-radius:50%;border:3px solid white;box-shadow:0 2px 12px #00000026;transition:background .3s;flex-shrink:0}.wheel-swatch-name{font-family:var(--serif);font-size:17px;font-weight:400;color:var(--text)}.wheel-swatch-hint{font-size:11px;color:var(--text-soft);letter-spacing:.08em;margin-top:3px}.harmony-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-content:start}@media(max-width:1100px){.harmony-cards{grid-template-columns:1fr}}.harmony-card{background:var(--cream);border:1px solid var(--border);border-radius:14px;padding:22px 24px;cursor:pointer;transition:border-color .25s,box-shadow .25s}.harmony-card:hover{border-color:var(--terracotta);box-shadow:0 4px 20px #c4895a1a}.harmony-card.active{border-color:var(--terracotta);background:#c4895a0a}.harmony-card h4{font-family:var(--serif);font-size:17px;font-weight:400;color:var(--text);margin-bottom:5px}.harmony-card p{font-size:12.5px;line-height:1.7;color:var(--text-mid);letter-spacing:.03em}.harmony-dots{display:flex;flex-wrap:wrap;gap:14px;margin-top:16px}.harmony-dot-item{display:flex;flex-direction:column;align-items:center;gap:6px;width:62px}.harmony-dot-label{font-size:9px;line-height:1.3;letter-spacing:.04em;color:var(--text-soft);text-align:center}.harmony-dot{width:26px;height:26px;border-radius:50%;border:2px solid rgba(255,255,255,.6);box-shadow:0 1px 6px #0000001f}.months-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.month-card{background:var(--cream);border:1px solid var(--border);border-radius:14px;padding:22px 20px;transition:transform .2s,box-shadow .2s;cursor:default}.month-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #2c241617}.month-gem{display:flex;align-items:center;gap:12px;margin-bottom:14px}.gem-dot{width:36px;height:36px;border-radius:50%;flex-shrink:0;box-shadow:inset 0 2px 4px #fff6,0 2px 8px #00000026}.month-name{font-size:9px;letter-spacing:.34em;text-transform:uppercase;color:var(--text-soft);display:block}.month-stone{font-family:var(--serif);font-size:16px;font-weight:400;color:var(--text);display:block}.month-enamel{font-size:11.5px;color:var(--text-mid);line-height:1.65;letter-spacing:.03em}.month-swatches{display:flex;gap:6px;margin-top:12px}.month-swatch{width:20px;height:20px;border-radius:50%;border:1.5px solid rgba(255,255,255,.5);box-shadow:0 1px 4px #0000001a}.approaches-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.approach-card{background:var(--cream);border:1px solid var(--border);border-radius:16px;padding:32px 28px;transition:transform .2s,box-shadow .2s}.approach-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px #2c24161a}.approach-icon{width:48px;height:48px;border-radius:50%;background:var(--blush);display:flex;align-items:center;justify-content:center;margin-bottom:18px}.approach-icon svg{color:var(--terracotta)}.approach-card h4{font-family:var(--serif);font-size:20px;font-weight:400;color:var(--text);margin-bottom:10px}.approach-card p{font-size:13px;line-height:1.8;color:var(--text-mid);letter-spacing:.03em;margin-bottom:16px}.approach-swatches{display:flex;gap:7px;flex-wrap:wrap}.approach-swatch{width:24px;height:24px;border-radius:50%;box-shadow:0 1px 5px #0000001f;border:1.5px solid rgba(255,255,255,.5)}.palette-section-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.all-swatches-grid{display:flex;gap:9px;flex-wrap:wrap}.picker-swatch{width:36px;height:36px;border-radius:50%;cursor:pointer;border:3px solid transparent;transition:transform .15s,border-color .15s,box-shadow .15s;box-shadow:0 1px 5px #0000001a}.picker-swatch:hover{transform:scale(1.2);box-shadow:0 3px 10px #0000002e}.picker-swatch.in-palette{border-color:var(--terracotta)}.picker-swatch.no-enamel-swatch{background:var(--cream);border:3px dashed var(--sand-mid)!important}.picker-swatch.no-enamel-swatch:after{content:"\2014";font-size:10px;color:var(--text-soft);display:flex;align-items:center;justify-content:center;height:100%}.palette-result{position:sticky;top:110px}.palette-result h3{font-family:var(--serif);font-size:22px;font-weight:400;color:var(--text);margin-bottom:8px}.palette-result p{font-size:12.5px;color:var(--text-soft);margin-bottom:20px;letter-spacing:.04em}.palette-display{display:flex;gap:10px;flex-wrap:wrap;min-height:56px;padding:16px;background:var(--warm-white);border:1.5px dashed var(--border);border-radius:12px;margin-bottom:16px;align-items:center}.palette-chip{width:44px;height:44px;border-radius:50%;border:2.5px solid white;box-shadow:0 2px 8px #00000024;position:relative;cursor:pointer;flex-shrink:0}.palette-chip:after{content:"\d7";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;opacity:0;transition:opacity .15s;background:#0000004d;border-radius:50%}.palette-chip:hover:after{opacity:1}.palette-empty{font-size:11px;color:var(--text-soft);letter-spacing:.1em;text-transform:uppercase}.palette-harmony-hint{font-size:12px;color:var(--text-mid);padding:12px 16px;background:var(--sand);border-radius:8px;line-height:1.65;letter-spacing:.03em;min-height:48px}.btn-clear{margin-top:12px;font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--text-soft);background:none;border:none;cursor:pointer;padding:0;transition:color .2s}.btn-clear:hover{color:var(--terracotta)}.cta-band{padding:72px 80px;background:linear-gradient(135deg,var(--sand) 0%,var(--blush) 50%,var(--sage-light) 100%);text-align:center;position:relative;overflow:hidden}.cta-band:before{content:"";position:absolute;top:-80px;left:50%;transform:translate(-50%);width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.25) 0%,transparent 65%);border-radius:50%}.cta-band h2{font-family:var(--serif);font-size:clamp(26px,3vw,40px);font-weight:300;color:var(--text);margin-bottom:14px;position:relative;z-index:1}.cta-band h2 em{font-style:italic;color:var(--terracotta)}.cta-band p{font-size:14px;color:var(--text-mid);line-height:1.8;max-width:480px;margin:0 auto 32px;letter-spacing:.03em;position:relative;z-index:1}.cta-btns{display:flex;gap:16px;justify-content:center;position:relative;z-index:1}.btn-primary{display:inline-block;padding:15px 34px;background:var(--terracotta);color:var(--warm-white);font-family:var(--sans);font-size:10px;font-weight:400;letter-spacing:.3em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:background .3s,transform .2s;box-shadow:0 4px 20px #c4895a47}.btn-primary:hover{background:var(--terra-lt);transform:translateY(-1px)}.btn-ghost{display:inline-block;padding:14px 34px;background:transparent;color:var(--text-mid);font-family:var(--sans);font-size:10px;font-weight:300;letter-spacing:.3em;text-transform:uppercase;text-decoration:none;border:1.5px solid var(--sand-mid);border-radius:2px;transition:border-color .3s,color .3s}.btn-ghost:hover{border-color:var(--terracotta);color:var(--terracotta)}footer{background:var(--sand);border-top:1px solid var(--sand-mid);padding:48px 80px 36px}.footer-bottom{display:flex;justify-content:space-between}.footer-bottom p{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-soft)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-hero{animation:fadeUp .6s ease .1s both}.section{animation:fadeUp .5s ease .2s both}@media(max-width:900px){.wheel-wrap{grid-template-columns:1fr;gap:32px}.wheel-canvas-wrap{position:static}#colour-wheel{width:min(320px,78vw);height:auto}.harmony-cards{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/page-colours.css.map */