.admin-colour{display:inline-flex;position:relative}.admin-colour-trigger{appearance:none;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.5rem;margin:0;padding:0;display:inline-flex}.admin-colour-swatch{border:1px dashed color-mix(in srgb, var(--text) 45%, transparent);background:var(--swatch) content-box;border-radius:999px;flex:none;width:2.25rem;height:2.25rem;padding:.15rem;transition:transform .15s,border-color .15s;display:block}.admin-colour-trigger:hover .admin-colour-swatch{transform:scale(1.06)}.admin-colour-trigger[aria-expanded=true] .admin-colour-swatch{border-style:solid;border-color:var(--text)}.admin-colour-trigger:focus-visible{outline:none}.admin-colour-trigger:focus-visible .admin-colour-swatch{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent)}.admin-colour-pop{z-index:60;border:1px solid var(--line);background:var(--surface);width:15.5rem;color:var(--text);font-family:var(--font-sans,var(--font-body,inherit));border-radius:1rem;gap:.65rem;padding:.75rem;animation:.16s ease-out admin-colour-in;display:grid;position:absolute;top:calc(100% + .5rem);left:0;box-shadow:0 16px 40px #0f172a29}.admin-colour-pop[data-align=end]{left:auto;right:0}.admin-colour-pop[data-side=top]{top:auto;bottom:calc(100% + .5rem)}@keyframes admin-colour-in{0%{opacity:0;transform:translateY(-.25rem)}to{opacity:1;transform:none}}.admin-colour-pop[data-side=top]{animation-name:admin-colour-in-up}@keyframes admin-colour-in-up{0%{opacity:0;transform:translateY(.25rem)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.admin-colour-pop{animation:none}}.admin-colour-square{background:linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, var(--hue));cursor:crosshair;touch-action:none;border-radius:.7rem;height:8.5rem;position:relative;box-shadow:inset 0 0 0 1px #00000014}.admin-colour-bar{cursor:pointer;touch-action:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:999px;height:.75rem;position:relative;box-shadow:inset 0 0 0 1px #00000014}.admin-colour-square:focus-visible,.admin-colour-bar:focus-visible{box-shadow:inset 0 0 0 1px #00000014, 0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent);outline:none}.admin-colour-thumb{background:var(--swatch);pointer-events:none;border:2px solid #fff;border-radius:999px;width:1.15rem;height:1.15rem;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000059,0 2px 6px #0000004d}.admin-colour-thumb-hue{background:var(--hue);top:50%}.admin-colour-foot{align-items:center;gap:.5rem;display:flex}.admin-colour-now{background:var(--swatch);border-radius:999px;flex:none;width:2.25rem;height:2.25rem;transition:background .1s;box-shadow:inset 0 0 0 1px #00000024}.admin-colour-hex{border:1px solid var(--line);background:var(--bg);min-width:0;height:2.25rem;color:var(--muted);font-variant-numeric:tabular-nums;cursor:text;border-radius:.7rem;flex:1;align-items:center;gap:.15rem;padding:0 .7rem;font-size:.9rem;font-weight:600;display:flex}.admin-colour-hex:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent)}.admin-colour .admin-colour-pop .admin-colour-hex input{width:100%;min-width:0;height:auto;min-height:0;color:var(--text);font:inherit;line-height:inherit;letter-spacing:.04em;text-transform:lowercase;box-shadow:none;background:0 0;border:0;border-radius:0;outline:none;flex:1;margin:0;padding:0}.admin-colour .admin-colour-pop .admin-colour-hex input:focus-visible{box-shadow:none;border:0;outline:none}.admin-colour-drop{border:1px solid var(--line);background:var(--bg);width:2.25rem;height:2.25rem;color:var(--text);cursor:pointer;border-radius:999px;flex:none;place-items:center;padding:0;transition:border-color .15s;display:inline-grid}.admin-colour-drop:hover{border-color:color-mix(in srgb, var(--text) 45%, transparent)}.admin-colour-drop svg{width:.95rem;height:.95rem}.try-open{z-index:70;border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 92%, transparent);color:var(--text);font:inherit;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:.7rem 1.1rem .7rem .95rem;font-size:.9rem;font-weight:600;display:inline-flex;position:fixed;bottom:1rem;right:1rem;box-shadow:0 12px 40px #00000059}.try-open svg{width:1.1rem;height:1.1rem;color:var(--accent)}.try-backdrop{z-index:79;opacity:0;visibility:hidden;pointer-events:none;background:#00000059;transition:opacity .24s,visibility 0s linear .24s;position:fixed;inset:0}.try-backdrop[data-open=true]{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .24s,visibility}.try-panel{z-index:80;overscroll-behavior:contain;border-left:1px solid var(--line);background:var(--bg);width:min(25rem,100%);color:var(--text);font-family:var(--font-body);visibility:hidden;flex-direction:column;font-size:.9rem;transition:transform .32s cubic-bezier(.16,1,.3,1),visibility 0s linear .32s;display:flex;position:fixed;inset:0 0 0 auto;overflow:hidden;transform:translate(100%);box-shadow:-20px 0 60px #0000004d}.try-panel[data-open=true]{visibility:visible;transition:transform .32s cubic-bezier(.16,1,.3,1),visibility;transform:none}.try-open{transition:opacity .2s,visibility}.try-open[data-open=true]{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility 0s linear .2s}@media (prefers-reduced-motion:reduce){.try-panel,.try-backdrop,.try-open{transition:none}}.try-head{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.25rem .8rem;display:flex}.try-eyebrow{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .2rem;font-size:.7rem;font-weight:700}.try-head h2{font-family:var(--font-body);letter-spacing:0;text-transform:none;color:var(--text);margin:0;font-size:1.05rem;font-weight:700;line-height:1.2}.try-close{border:1px solid var(--line);width:2.25rem;height:2.25rem;color:var(--text);cursor:pointer;background:0 0;border-radius:999px;place-items:center;display:inline-grid}.try-close svg{width:1.1rem;height:1.1rem}.try-section{flex-direction:column;min-height:0;padding:.8rem 1rem 0 1.25rem;display:flex}.try-section-looks{flex:none}.try-section-fonts{flex:1}.try-section h3{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);flex:none;margin:0 0 .5rem;font-size:.72rem;font-weight:700}.try-count{color:var(--muted);letter-spacing:0;text-transform:none;margin-left:.4rem;font-weight:500}.try-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;padding-right:.25rem;overflow-y:auto}.try-looks{grid-template-columns:1fr 1fr;gap:.5rem;max-height:23rem;padding-bottom:.5rem;display:grid}.try-look{border:2px solid var(--line);background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:.8rem;gap:.3rem;padding:.3rem;font-size:.8rem;font-weight:600;transition:border-color .15s;display:grid}.try-look:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--line))}.try-look[aria-checked=true]{border-color:var(--accent)}.try-look img{aspect-ratio:8/5;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;border-radius:.5rem;width:100%;display:block}.try-look span{padding:0 .2rem .05rem}.try-fonts{flex:1;grid-auto-rows:max-content;gap:.3rem;padding-bottom:.6rem;display:grid}.try-font{-moz-column-gap:.55rem;border:1px solid var(--line);color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border-radius:.6rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;column-gap:.55rem;padding:.35rem .6rem;display:grid}.try-font:hover{background:color-mix(in srgb, var(--surface) 70%, transparent)}.try-font[aria-checked=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent)}.try-font-sample{white-space:nowrap;font-size:1rem;line-height:1.2}.try-font small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;line-height:1.3;overflow:hidden}.try-font svg{width:.9rem;height:.9rem;color:var(--accent);align-self:center}.try-foot{border-top:1px solid var(--line);background:var(--bg);flex:none;gap:.45rem;padding:.7rem 1.25rem .85rem;display:grid}.try-colour-row{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.try-foot-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-right:.15rem;font-size:.72rem;font-weight:700}.try-swatches{flex-wrap:wrap;gap:.35rem;display:flex}.try-swatches button{border:1px solid color-mix(in srgb, var(--text) 35%, transparent);cursor:pointer;border-radius:999px;width:1.2rem;height:1.2rem;padding:0}.try-swatches button[aria-pressed=true]{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--text)}.try-colour-pick .admin-colour-trigger{border:1px dashed color-mix(in srgb, var(--text) 45%, transparent);width:1.75rem;height:1.75rem;color:var(--text);border-radius:999px;place-items:center;display:inline-grid}.try-colour-pick .admin-colour-trigger[aria-expanded=true]{border-style:solid}.try-colour-pick .admin-colour-trigger>svg{pointer-events:none;width:.85rem;height:.85rem}.try-colour-hex{margin-left:auto;font-size:.75rem;font-weight:700}.try-note{color:var(--muted);margin:0;font-size:.7rem;line-height:1.45}.try-note a{color:var(--text);font-weight:600;text-decoration:underline}@media (width<=47.99rem){.try-panel{width:100%}.try-looks{max-height:15rem}.try-open{bottom:.75rem;right:.75rem}}