@font-face{font-family:Unbounded;src:url('assets/fonts/Unbounded-VariableFont_wght.ttf');font-weight:200 900;font-display:swap}@font-face{font-family:Google;src:url('assets/fonts/GoogleSansFlex-VariableFont_ROND,opsz,slnt,wdth,wght.ttf');font-weight:100 1000;font-display:swap}
:root{--ink:#24242a;--purple:#230068;--accent:#6214ff;--paper:#fafaf8;--line:#e4e4e6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Google,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #6214ff;outline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.2}aside{position:fixed;inset:0 auto 0 0;width:218px;background:white;border-right:1px solid var(--line);padding:34px 18px 24px;display:flex;flex-direction:column;z-index:10}.wordmark{width:146px;height:37px;object-fit:contain;margin:0 12px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:650}.nav-label{color:#74747d;margin:43px 14px 15px}nav{display:flex;flex-direction:column;gap:5px}nav a{padding:11px 12px;border-radius:6px;font-size:13px;color:#63636d;display:flex;gap:12px;align-items:center}nav a span{font-size:10px;color:#929099}nav a.active,nav a:hover{color:var(--accent);background:#eee7ff}.sidebar-bottom{margin-top:auto;padding:24px 12px 0;font-size:13px}.sidebar-bottom small{display:block;font-size:8px;letter-spacing:1px;margin-top:20px;color:#74747d}.workspace{margin-left:218px}header{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 4.2%;font-size:12px;color:#686871}.draft{padding:5px 12px;border:1px solid #d4c4ff;border-radius:20px;color:#6214ff;background:#f3eeff}main{max-width:1800px;margin:auto}section{margin:0 4.2%;padding:72px 0;border-bottom:1px solid var(--line)}.overview{padding-top:28px}.intro-line{display:flex;justify-content:space-between;gap:20px;margin-bottom:22px;font-size:11px;color:#65656f}.hero{background:var(--purple);min-height:560px;color:white;display:grid;grid-template-columns:1.1fr 1fr;overflow:hidden;position:relative}.hero-copy{padding:50px 0 50px 42px;position:relative;z-index:1}.hero-copy>.eyebrow{color:#c9b8f6}h1{font:550 clamp(34px,4.1vw,70px)/1.13 Unbounded,sans-serif;letter-spacing:-2.5px;margin:28px 0 24px}h1 em{font-style:normal;color:#b9a1ff}.hero-copy p{max-width:360px;font-size:16px;color:#ded2f4}.light-button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:#fff;color:#230068;padding:12px 20px;border-radius:4px;font-size:13px;font-weight:600;margin-top:30px}.character-stage{position:relative;min-height:520px}.character-stage img{position:absolute;object-fit:contain;max-width:60%;height:230px;filter:drop-shadow(0 14px 20px #08001625)}.aron{width:230px;left:3%;top:17%;transform:rotate(-12deg)}.murphy{width:220px;right:-4%;top:3%;transform:rotate(13deg)}.vito{width:230px;right:1%;bottom:10%;transform:rotate(9deg)}.igna{width:210px;left:-5%;bottom:2%;transform:rotate(-13deg)}.orbit{position:absolute;width:380px;height:380px;border:1px solid #8159b6;border-radius:50%;left:5%;top:17%;transform:rotate(-25deg) scaleX(.85)}.stage-caption{position:absolute;bottom:18px;right:20px;font-size:8px;letter-spacing:1.5px;color:#c9b8f6}.intro-bottom{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:37px}.intro-bottom h2{font-size:24px;line-height:1.3}.intro-bottom p{font-size:15px;color:#686871;max-width:530px}.section-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;align-items:end;margin-bottom:32px}.section-heading .eyebrow{color:#6f6681}h2{font:500 clamp(25px,2.7vw,43px)/1.25 Unbounded,sans-serif;letter-spacing:-1.4px;margin-top:13px}.section-heading p{font-size:15px;color:#686871;max-width:470px}.logo-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}.logo-panel{height:250px;position:relative;display:grid;place-items:center;padding:45px 30px}.logo-panel img{max-width:100%;max-height:105px}.logo-panel:first-child img{width:85%}.logo-panel figcaption{position:absolute;bottom:18px;left:22px;font-size:11px}.purple{background:#230068;color:#fff}.lilac{background:#d4c4ff}.paper{background:#eeeeec}.note{display:grid;grid-template-columns:1fr 3fr;gap:30px;font-size:14px;margin:28px 0}.note p{color:#686871}.text-link{font-size:13px;color:#6214ff;border-bottom:1px solid #b9a1ff;padding-bottom:5px}.swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.swatch{border:0;padding:0;text-align:left;background:transparent;cursor:pointer;color:#24242a}.swatch i{display:block;height:185px;border-radius:3px}.swatch span{display:block;padding:12px 0;font-size:12px}.caption{font-size:12px;color:#686871;margin-top:18px}.colour-story{background:#eee7ff;padding:32px;margin-top:32px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:24px}.colour-story h3{font:500 24px/1.25 Unbounded}.colour-story p{font-size:13px;color:#504268}.colour-dots{display:flex;flex-wrap:wrap;width:154px;margin:auto;gap:10px}.colour-dots i{width:70px;height:70px;border-radius:50%}.type-specimen{background:#f0f0ed;padding:36px}.giant-type{font:500 clamp(36px,5.7vw,80px)/1.18 Unbounded;letter-spacing:-2px;margin:30px 0;overflow-wrap:anywhere}.type-specimen label{display:block;font-size:11px;color:#67646b}.type-specimen input{width:100%;background:transparent;border:0;border-bottom:1px solid #bcb9bf;padding:12px 0;font-size:16px;border-radius:0}.type-caption{display:flex;justify-content:space-between;font-size:12px;margin-top:25px}.type-details{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:28px}.type-details h3{font-size:17px;margin-bottom:10px}.type-details p{font-size:14px;color:#686871}.voice-line{display:grid;grid-template-columns:30px .8fr 1.2fr 1.4fr;gap:24px;border-top:1px solid var(--line);padding:30px 0;align-items:start}.voice-line>span{font-size:12px;color:#797180}.voice-line h3{font-size:24px}.voice-line p{font-size:14px;color:#686871}.voice-line blockquote{font-size:18px;color:#6214ff;line-height:1.4;margin:0}.layout-example{display:flex;align-items:center;justify-content:space-between;background:#d4c4ff;padding:42px;gap:30px;overflow:hidden}.layout-example h3{font:550 clamp(28px,3.6vw,50px)/1.2 Unbounded;margin:30px 0 20px;letter-spacing:-1.8px;color:#230068}.layout-example p{font-size:14px}.layout-example img{width:30%;max-height:300px;transform:rotate(12deg)}.character-line{display:grid;grid-template-columns:repeat(4,1fr);background:#f0efed;padding:32px 15px;gap:24px}.character-line img{width:100%;height:200px;object-fit:contain}.character-line figcaption{font-size:13px;text-align:center;margin-top:20px}.banner img{width:100%;max-height:430px;object-fit:contain;background:#230068}.banner figcaption{font-size:12px;color:#686871;margin-top:12px}.pending{padding:28px 0 0;color:#686871}.pending h3{color:#24242a;margin:10px 0;font-size:20px}.pending p{font-size:14px}footer{background:#230068;color:#fff;padding:55px 4.2% 25px;margin-top:45px}footer h2{font-size:clamp(25px,3.2vw,46px)}footer>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #664692;margin-top:50px;padding-top:25px;font-size:11px;color:#d4c4ff}.skip{position:fixed;left:20px;top:-100px;background:#fff;padding:12px;z-index:50}.skip:focus{top:10px}#status{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#24242a;color:#fff;padding:10px 20px;border-radius:6px;font-size:13px;z-index:30}#status:empty{display:none}
@media(min-width:1500px){.hero{min-height:650px}.character-stage{min-height:650px}.character-stage img{height:290px;max-width:65%;width:280px}.orbit{width:480px;height:480px}}@media(max-width:1100px){.hero{grid-template-columns:1fr 1fr}.hero-copy{padding-left:28px}h1{font-size:40px}.character-stage img{height:180px}.hero{min-height:510px}.section-heading{grid-template-columns:1fr;gap:20px}.colour-story{grid-template-columns:1fr 1fr}.colour-story p{grid-column:1/-1}.logo-panel{padding:35px 20px;height:200px}.voice-line{grid-template-columns:25px 1fr 2fr}.voice-line blockquote{grid-column:2/-1}.swatch i{height:145px}}
@media(max-width:760px){aside{position:relative;width:100%;padding:20px 20px 12px;border-right:0;border-bottom:1px solid var(--line)}.wordmark{width:125px;height:30px;margin:0}.nav-label,.sidebar-bottom{display:none}nav{flex-direction:row;overflow:auto;margin-top:18px;gap:3px}nav a{white-space:nowrap;padding:8px 10px}nav a span{display:none}.workspace{margin:0}header{height:60px;font-size:10px}.draft{font-size:10px}header>a{display:none}section{padding:45px 0;margin:0 20px}.intro-line>span:last-child{display:none}.hero{display:block;min-height:0}.hero-copy{padding:32px 26px 0}h1{font-size:clamp(34px,8.5vw,55px);letter-spacing:-1.8px}.character-stage{min-height:350px}.character-stage img{height:175px}.aron{left:10%;top:8%}.murphy{right:5%;top:2%}.igna{left:6%;bottom:5%}.vito{right:8%;bottom:8%}.orbit{width:280px;height:280px;left:12%;top:10%}.stage-caption{font-size:6px}.intro-bottom{grid-template-columns:1fr;gap:18px;margin-top:25px}.intro-bottom h2{font-size:23px}.logo-grid{grid-template-columns:1fr 1fr}.logo-panel:first-child{grid-column:1/-1;height:210px}.logo-panel:first-child img{max-width:260px}.note{grid-template-columns:1fr;gap:8px}.swatches{grid-template-columns:repeat(3,1fr)}.swatch i{height:140px}.colour-story{padding:22px;gap:12px}.colour-story h3{font-size:19px}.colour-dots{width:112px;gap:8px}.colour-dots i{height:50px;width:50px}.type-specimen{padding:24px}.giant-type{font-size:36px}.type-details{grid-template-columns:1fr;gap:24px}.type-caption{gap:15px;font-size:10px}.voice-line{gap:14px;grid-template-columns:20px 1fr}.voice-line h3{font-size:22px}.voice-line p,.voice-line blockquote{grid-column:2}.layout-example{padding:24px;position:relative;min-height:330px}.layout-example>div{z-index:1}.layout-example h3{font-size:30px;max-width:250px}.layout-example img{position:absolute;width:135px;right:-30px;bottom:12px;opacity:.45}.character-line{grid-template-columns:1fr 1fr;gap:25px}.character-line img{height:150px}footer{padding:40px 20px 20px}footer>div{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}