/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--field:#c6d8c8;--black:#242523;--acid:#ff4438;--white:#f3f1e8;--field2:#cee0d0;--detail:var(--black);--slider-thumb:var(--black);--field-dark:var(--field)}@supports (color:color-mix(in lab, red, red)){:root{--field-dark:color-mix(in srgb, var(--field) 85%, var(--black))}}:root{--palette-count:16}:root[data-palette=concrete-signal]{--field:#c6d8c8;--field2:#cee0d0;--black:#242523;--acid:#ff4438;--white:#f3f1e8}:root[data-palette=acid-static]{--field:#c2c2c2;--field2:#c3c6c2;--black:#20211f;--acid:#f5ff00;--white:#f1f0e8}:root[data-palette=glacier-circuit]{--field:#90a0b3;--field2:#99a8b9;--black:#16233f;--acid:#34beff;--white:#fff}:root[data-palette=magenta-protocol]{--field:#dde0df;--field2:#e8e8e8;--black:#062bd9;--acid:#ff50d6;--white:#f7f6ef}:root[data-palette=amber-blueprint]{--field:#d2d8eb;--field2:#d5daec;--black:#001fae;--acid:#ffb000;--white:#f5f3e9}:root[data-palette=mint-voltage]{--field:#bcc2cf;--field2:#c3c7d0;--black:#320587;--acid:#52f5b5;--white:#f5f1e8}:root[data-palette=violet-paper]{--field:#dcd4ec;--field2:#ddd3ef;--black:#4b20c8;--acid:#f5f0ea;--white:#f5f0ea}:root[data-palette=citrus-terminal]{--field:#e1fa62;--field2:#e8ff6c;--black:#272727;--acid:#fc6429;--white:#fcffe9}:root[data-palette=lime-foundry]{--field:#b4d6d1;--field2:#c4dedb;--black:#0c4540;--acid:#ffc83d;--white:#f3f0e6}:root[data-palette=aqua-current]{--field:#c5d0d1;--field2:#c6cfd0;--black:#006c89;--acid:#29f0e2;--white:#f0f1e9}:root[data-palette=orchid-pulse]{--field:#c0b3cd;--field2:#c7bcd2;--black:#270749;--acid:#ff3da4;--white:#f4f0e8}:root[data-palette=riviera-pop]{--field:#e5e1e1;--field2:#e8e5e5;--black:#154ace;--acid:#c5f064;--white:#e85a81}:root[data-palette=midnight-bloom]{--field:#dedbfb;--field2:#d2cef2;--black:#f7f0fa;--acid:#e8397c;--white:#271068;--detail:var(--white);--slider-thumb:var(--white)}:root[data-palette=seafoam-relay]{--field:#def2f9;--field2:#e6f6fb;--black:#1f789c;--acid:#f8ed75;--white:#8fddc2}:root[data-palette=fordgt]{--field:#f2f2f2;--field2:#eaeaea;--black:#c0dae8;--acid:#d85729;--white:#42434a;--detail:var(--white);--slider-thumb:var(--white)}:root[data-palette=monochrome-array]{--field:#272725;--field2:#212121;--black:#515151;--acid:#f5f5f3;--white:#bfbfbd;--slider-thumb:var(--white)}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--field2);color:var(--black);font-family:din-2014,Arial Narrow,Arial,sans-serif}a{color:inherit}.site-shell{background:var(--field2);place-items:center;min-height:100svh;padding:clamp(2rem,8vw,7rem);display:grid;position:relative;overflow:hidden}.field-visuals{z-index:0;pointer-events:none;grid-template-columns:1fr 1fr;display:grid;position:absolute;inset:0}.field-half{color:var(--detail);position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.field-half{color:color-mix(in srgb, var(--detail) 19%, transparent)}}.field-half-design{border-right:1px solid var(--detail)}@supports (color:color-mix(in lab, red, red)){.field-half-design{border-right:1px solid color-mix(in srgb, var(--detail) 18%, transparent)}}.field-half-design{background:linear-gradient(var(--detail) 1px, transparent 1px), linear-gradient(90deg, var(--detail) 1px, transparent 1px)}@supports (color:color-mix(in lab, red, red)){.field-half-design{background:linear-gradient(color-mix(in srgb, var(--detail) 7.5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--detail) 7.5%, transparent) 1px, transparent 1px)}}.field-half-design{background-size:80px 80px}.field-half-code{background:linear-gradient(90deg, var(--detail), transparent 25%), var(--field)}@supports (color:color-mix(in lab, red, red)){.field-half-code{background:linear-gradient(90deg, color-mix(in srgb, var(--detail) 2.5%, transparent), transparent 25%), var(--field)}}.field-half:before,.field-monogram{color:var(--detail);position:absolute}@supports (color:color-mix(in lab, red, red)){.field-half:before,.field-monogram{color:color-mix(in srgb, var(--detail) 8%, transparent)}}.field-half:before,.field-monogram{font-family:din-2014-narrow,sans-serif;font-size:clamp(11rem,24vw,28rem);font-weight:700;line-height:.7}.field-monogram{display:flex;top:-.12em;left:-.08em}.monogram-c{margin-left:-.08em}.monogram-s{margin-left:calc(4px - .08em)}.field-half-code:before{content:"{ }";letter-spacing:-.08em;bottom:-.18em;right:-.08em}.vector-box{aspect-ratio:1.55;border:1px solid;width:min(31vw,360px);position:absolute;bottom:10%;left:8%}.vector-node{background:var(--field2);border:1px solid;width:8px;height:8px;position:absolute}.node-nw{top:-4px;left:-4px}.node-ne{top:-4px;right:-4px}.node-sw{bottom:-4px;left:-4px}.node-se{bottom:-4px;right:-4px}.vector-path{border-top:1px solid;border-radius:50%;width:76%;height:36%;position:absolute;top:50%;left:12%;transform:rotate(-8deg)}.vector-handle{background:currentColor;width:28%;height:1px;position:absolute;top:42%}.vector-handle:before,.vector-handle:after{content:"";background:var(--field2);border:1px solid;border-radius:50%;width:7px;height:7px;position:absolute;top:-3px}.handle-left{left:-8%;transform:rotate(12deg)}.handle-right{right:-8%;transform:rotate(-14deg)}.handle-left:before,.handle-right:before{left:0}.handle-left:after,.handle-right:after{right:0}.colour-tools{gap:.45rem;display:flex;position:absolute;top:18%;right:8%}.colour-tools span{border:1px solid;border-radius:50%;width:2rem;height:2rem}.colour-tools span+span{margin-left:-1rem}.code-window{border:1px solid;gap:.65rem;width:min(32vw,380px);padding:1.1rem;display:grid;position:absolute;top:12%;right:7%}.code-window:before{content:"•••";letter-spacing:.3em;border-bottom:1px solid;padding-bottom:.65rem;font-size:.7rem}.code-bar{background:currentColor;width:88%;height:1px}.code-bar-short{width:44%}.code-bar-mid{width:68%;margin-left:12%}.code-brackets{gap:.14em;font-family:din-2014,sans-serif;font-size:clamp(3rem,7vw,6.5rem);font-weight:400;line-height:1;display:flex;position:absolute;bottom:13%;right:9%}.tool-label{letter-spacing:.12em;font-family:din-2014-narrow,sans-serif;font-size:.46rem;font-weight:700;position:absolute}.field-half-design .tool-label{bottom:7%;left:8%}.field-half-code .tool-label{top:9%;right:7%}.field-label{z-index:2;letter-spacing:.12em;text-transform:uppercase;font-family:din-2014-narrow,sans-serif;font-size:.5rem;font-weight:700;position:absolute}.field-label-top{top:clamp(1.1rem,4vw,2.5rem);left:clamp(1.1rem,4vw,3.5rem)}.field-label-bottom{bottom:clamp(1.1rem,4vw,2.5rem);right:clamp(1.1rem,4vw,3.5rem)}.axis{z-index:1;background:var(--detail);position:absolute}@supports (color:color-mix(in lab, red, red)){.axis{background:color-mix(in srgb, var(--detail) 35%, transparent)}}.axis-horizontal{width:100%;height:1px;top:50%;left:0}.axis-vertical{width:1px;height:100%;top:0;left:50%}.card-stage{aspect-ratio:2;z-index:3;width:min(100%,960px);position:relative}.business-card{width:100%;height:100%;box-shadow:0 2.5rem 5rem var(--detail);grid-template-columns:1fr 1fr;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.business-card{box-shadow:0 2.5rem 5rem color-mix(in srgb, var(--detail) 22%, transparent)}}.business-card{animation:.7s cubic-bezier(.2,.7,.2,1) both card-in}.palette-rail{cursor:ns-resize;touch-action:none;background:0 0;border:0;outline:0;width:15px;height:100%;padding:0;animation:.32s cubic-bezier(.2,.7,.2,1) .7s both palette-rail-in;position:absolute;top:0;left:100%;overflow:hidden}.palette-rail:focus-visible{outline:1px solid var(--black);outline-offset:4px}.palette-thumb{top:calc(var(--palette-index,0) * (100% / var(--palette-count)));width:100%;height:calc(100% / var(--palette-count));background:var(--slider-thumb);transition:top .14s cubic-bezier(.2,.7,.2,1),background-color .16s;position:absolute;left:0}.type-panel{background:var(--black);color:var(--white);position:relative;overflow:hidden;container-type:size}.type-wall{letter-spacing:-.065em;white-space:nowrap;flex-direction:column;justify-content:center;font-family:din-2014-narrow,sans-serif;font-size:clamp(4.8rem,27.5cqh,8.6rem);font-weight:700;line-height:.728;display:flex;position:absolute;inset:-.015em -.35em -.015em -.02em}.type-wall span:first-child{transform:translate(-.06em,-.06em)}.type-wall span:nth-child(2){transform:translate(-.06em,-.03em)}.type-wall span:nth-child(3){transform:translate(-.06em)}.type-wall span:nth-child(4){transform:translate(-.1em,.03em)}.type-wall span:nth-child(5){transform:translate(-.06em,.06em)}.left-tick{color:var(--white);font-size:.55rem;position:absolute;right:.4rem}.left-tick-one{top:.5rem}.left-tick-two{top:1rem}.identity-panel{background:var(--acid);color:var(--black);grid-template-rows:auto 1fr auto;padding:clamp(1.5rem,3vw,2.4rem);display:grid;position:relative;overflow:hidden}.card-header{justify-content:space-between;align-items:flex-start;display:flex}.wordmark{letter-spacing:-.035em;font-family:din-2014,sans-serif;font-size:clamp(.8rem,2.2vw,1.5rem);font-weight:400}.wordmark span{color:var(--black)}@supports (color:color-mix(in lab, red, red)){.wordmark span{color:color-mix(in srgb, var(--black) 45%, transparent)}}.header-code{letter-spacing:.12em;padding-top:.4rem;font-family:din-2014-narrow,sans-serif;font-size:.46rem;font-weight:700}.identity-content{align-self:center;margin-top:-.4rem}h1{letter-spacing:-.055em;text-transform:uppercase;margin:0;font-family:din-2014,sans-serif;font-size:clamp(4.9rem,9.6vw,8rem);font-weight:700;line-height:.72}.panel-symbols{justify-items:end;gap:.55rem;display:grid;position:absolute;top:43%;right:clamp(1.5rem,3vw,2.4rem)}.symbol-bars{background:repeating-linear-gradient(90deg, var(--black) 0 2px, transparent 2px 5px);width:2.1rem;height:.45rem}.symbol-mark{font-size:1.5rem;font-weight:400;line-height:1}.symbol-dot{font-size:1.5rem;line-height:.4}.panel-footer{border-top:2px solid var(--black);padding-top:.8rem}@supports (color:color-mix(in lab, red, red)){.panel-footer{border-top:2px solid color-mix(in srgb, var(--black) 40%, transparent)}}.panel-footer p{text-transform:uppercase;width:100%;margin:0;font-family:din-2014-narrow,sans-serif;font-size:clamp(.62rem,.9vw,.82rem);font-weight:700;line-height:1.2}.field-marks{z-index:2;gap:1.6rem;display:flex;position:absolute;bottom:clamp(1.2rem,5vw,4rem);left:clamp(1.2rem,5vw,5rem)}.field-marks span{width:.45rem;height:.45rem;position:relative}.field-marks span:before,.field-marks span:after{content:"";background:var(--black);opacity:.5;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.field-marks span:before{width:100%;height:1px}.field-marks span:after{width:1px;height:100%}@keyframes card-in{0%{opacity:0;transform:translateY(1.2rem)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes palette-rail-in{0%{width:0}to{width:15px}}@media (width<=760px){.site-shell{min-height:100svh;padding:1rem}.field-half-design{background-size:48px 48px}.vector-box{width:38vw;bottom:8%;left:6%}.code-window{width:38vw;top:8%;right:6%}.colour-tools,.tool-label{display:none}.card-stage{aspect-ratio:auto;width:min(100% - 30px,520px)}.business-card{grid-template-rows:42% 58%;grid-template-columns:1fr;height:auto;min-height:calc(100svh - 2rem)}.type-wall{font-size:clamp(4.8rem,27.5cqh,8.6rem);inset:-.015em -.25em -.015em -.02em}.identity-panel{padding:1.35rem}.wordmark{font-size:1.2rem}h1{font-size:clamp(4.3rem,19vw,6.5rem)}.panel-symbols{right:1.35rem}.field-label,.field-marks{display:none}}@media (prefers-reduced-motion:reduce){.business-card,.palette-rail{animation:none}}