@font-face{font-family:Manrope;src:url(assets/Manrope.ttf) format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:#222321;background:#f5f4f1;font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{position:absolute;top:0;left:0;width:100%;height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;z-index:10;border-bottom:1px solid #26262612}.brand{display:flex;align-items:center;gap:10px;color:#ef3038;font-weight:800;font-size:18px;letter-spacing:-.5px}.brand svg{width:31px;height:37px}.brand-sub{display:block;color:#888;font-size:8px;letter-spacing:2px;margin-top:2px}nav{display:flex;gap:35px;font-size:12px;font-weight:600}.nav-contact{font-size:12px;display:flex;gap:25px;align-items:center}.nav-contact span{border:1px solid #ccc;border-radius:50%;padding:8px 11px}.menu-toggle{display:none;border:0;background:none}#journey{position:relative}#stage{position:sticky;top:0;height:100svh;width:100%;margin-bottom:-100svh;overflow:hidden;background:#f5f4f1;transition:background .3s}#scene{width:100%;height:100%;display:block;position:absolute;inset:0}.stage-wash{position:absolute;inset:0;background:radial-gradient(ellipse at 74% 61%,#fff 0,transparent 65%)}.story{position:relative;pointer-events:none}.chapter{height:100svh;min-height:660px;position:relative;padding:13vh 7% 6vh;display:flex;align-items:center;scroll-margin-top:0}.chapter a,.chapter button{pointer-events:auto}.hero-copy{margin-top:-30px;width:55%}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;margin:0 0 24px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(65px,7.7vw,118px);font-weight:600;line-height:1.02;letter-spacing:-7px;margin-bottom:32px}h1 span{color:#939592}h2{font-size:clamp(45px,5.7vw,86px);line-height:1.07;letter-spacing:-4px;font-weight:600;margin-bottom:28px}.lead{font-size:20px;line-height:1.6;color:#777;margin-bottom:35px}.text-link{font-size:12px;display:inline-flex;align-items:center;gap:35px;border-bottom:1px solid #999;padding-bottom:10px}.text-link span{font-size:20px}.hero-bottom{position:absolute;bottom:36px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:end;font-size:8px;line-height:1.8;letter-spacing:1px;color:#898b86}.hero-bottom a{font-size:10px;letter-spacing:0;color:#32342f}.hero-bottom a span{margin-left:30px}.right-note{text-align:right}.scene-index{position:absolute;bottom:34px;right:5%;font-size:10px;letter-spacing:2px;color:#888;opacity:0}.scene-caption{position:absolute;top:8%;left:5%;font-size:9px;letter-spacing:2px;color:#999;opacity:0}.chapter-copy{max-width:560px}.chapter-copy p:not(.eyebrow){max-width:340px;font-size:15px;line-height:1.8}.small-note{display:block;font-size:10px;letter-spacing:1px;margin-top:35px}.ink-chapter{color:#fff}.ink-chapter .chapter-copy{align-self:center}.mix-chapter .chapter-copy{max-width:580px}.product-chapter{color:#fff;align-items:flex-start;padding-top:12vh}.product-chapter h2{font-size:clamp(42px,4.7vw,70px)}.product-chapter .chapter-copy{max-width:650px}.product-controls{position:absolute;bottom:9vh;left:7%;right:7%;display:flex;gap:12px}.product-controls button{color:#ddd;background:#ffffff0c;border:1px solid #ffffff36;backdrop-filter:blur(12px);padding:15px 20px;border-radius:100px;min-width:160px;display:flex;justify-content:space-between;gap:30px;font-size:11px;transition:.25s}.product-controls button:hover{background:#ef3038;border-color:#ef3038;color:white;transform:translateY(-4px)}.product-hint{position:absolute;bottom:4vh;left:7%;font-size:8px;letter-spacing:2px;color:#aaa}.colour-studio{padding:100px 7%;background:#f5f4f1;position:relative;z-index:2}.section-top{display:flex;justify-content:space-between;border-top:1px solid #d4d4cd;padding-top:22px}.section-top>span{font-size:8px;letter-spacing:1px;color:#8a8d86}.studio-heading{display:flex;align-items:center;justify-content:space-between;margin:55px 0 50px}.studio-heading h2{font-size:clamp(65px,7.5vw,105px)}.studio-heading>p{font-size:15px;line-height:1.8;color:#777}.swatches{display:grid;grid-template-columns:repeat(12,1fr);gap:9px;margin:20px 0 60px}.swatch{border:0;aspect-ratio:.73;border-radius:4px;position:relative;transition:transform .3s,box-shadow .3s;box-shadow:0 5px 7px #00000008;display:flex;align-items:flex-end;padding:9px;text-align:left}.swatch span{font-size:7px;color:#fff;letter-spacing:.8px}.swatch:hover{transform:translateY(-12px) rotate(-3deg)}.swatch[aria-pressed=true]{transform:translateY(-15px);outline:2px solid #222;outline-offset:5px;box-shadow:0 18px 20px #0002}.colour-preview{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;min-height:380px;border-top:1px solid #d4d4cd;padding-top:50px}.ink-orb{--ink:#ef3038;height:340px;width:85%;margin:auto;border-radius:48% 52% 65% 35%/60% 38% 62% 40%;background:radial-gradient(ellipse at 27% 20%,#ffffffbb 0,transparent 8%),radial-gradient(ellipse at 30% 24%,#ffffff66 0,transparent 32%),radial-gradient(ellipse at 68% 78%,#0009,transparent 50%),var(--ink);box-shadow:20px 30px 35px #0000001b,inset -25px -30px 40px #0003;animation:flow 8s ease-in-out infinite;transition:background .5s}.colour-preview h3{font-size:45px;letter-spacing:-2px;font-weight:500;margin-bottom:10px}.colour-preview .eyebrow{display:block;color:#888}.preview-note{font-size:10px;line-height:1.7;max-width:300px;color:#8b8d88;margin:25px 0}.expertise{padding:100px 7% 120px;background:white}.expertise h2 span{color:#a0a39d}.expertise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:70px}.expertise-grid article{border-top:1px solid #ddd;padding-top:20px}.expertise-grid article>span{font-size:10px;color:#ef3038}.expertise-grid h3{font-size:22px;font-weight:500;letter-spacing:-.6px;margin-top:40px}.expertise-grid p{font-size:13px;line-height:1.9;color:#777;max-width:310px}.contact{position:relative;overflow:hidden;padding:120px 7%;background:#ecece7;min-height:570px}.contact h2{position:relative;z-index:1}.contact>.eyebrow,.contact>p,.contact>a{position:relative;z-index:1}.contact>p:last-child{font-size:12px;color:#777;margin-top:25px}.contact-button{display:inline-flex;gap:60px;background:#222;color:#fff;border-radius:50px;padding:17px 25px;font-size:12px}.contact-colour{position:absolute;right:-10%;top:6%;width:65%;height:110%;border-radius:50%;background:radial-gradient(ellipse at 20% 30%,#ff737c,#ef3038 40%,#9c1725 75%);box-shadow:inset 30px 30px 60px #fff4;transform:rotate(-30deg)}footer{padding:45px 5% 30px;display:grid;grid-template-columns:1fr 1fr;gap:45px;background:#f5f4f1;font-size:10px;color:#888}.footer-wordmark{font-size:22px;letter-spacing:-1px;color:#ef3038;font-weight:800}footer div{display:flex;justify-content:flex-end;gap:25px}footer>a:last-child{text-align:right}dialog{border:0;border-radius:20px;width:min(580px,90vw);padding:60px;background:#f5f4f1;color:#252525}dialog::backdrop{background:#0009;backdrop-filter:blur(8px)}dialog h2{font-size:48px;letter-spacing:-2px}dialog>p:not(.eyebrow){line-height:1.8;font-size:14px;color:#777}.dialog-close{position:absolute;right:20px;top:12px;border:0;background:none;font-size:30px;color:#777}.dialog-colours{display:flex;gap:8px;margin:25px 0}.dialog-colours i{width:48px;height:58px;border-radius:3px;background:#ef3038}.dialog-colours i:nth-child(2){background:#ecb943}.dialog-colours i:nth-child(3){background:#2d4baf}.dialog-colours i:nth-child(4){background:#146e55}#fallback{position:absolute;right:15%;top:30%}.fallback-can{background:#ef3038;color:white;border:8px solid #ddd;border-radius:40px 40px 20px 20px;padding:70px 30px;font-weight:800;font-size:30px;transform:rotate(-12deg)}.fallback-can span{display:block;font-size:8px;margin-top:20px}@keyframes flow{50%{border-radius:64% 36% 46% 54%/45% 60% 40% 55%;transform:rotate(5deg)}}
@media(min-width:1700px){.chapter{padding-left:12%}.hero-copy{width:60%}}@media(max-width:760px){header{height:75px;padding:0 6%}.brand{font-size:14px}.brand svg{width:25px}.nav-contact{font-size:10px}.nav-contact span{display:none}nav{display:none}.menu-toggle{display:block}header.menu-open nav{display:flex;position:absolute;top:75px;left:0;right:0;background:#f5f4f1;padding:25px;flex-direction:column;box-shadow:0 10px 15px #0001}.chapter{min-height:620px;padding:110px 7% 40px;align-items:flex-start}.hero-copy{margin-top:0;width:100%}h1{font-size:65px;letter-spacing:-4px;line-height:1.02;margin-bottom:18px}.lead{font-size:15px;line-height:1.5;margin-bottom:18px}.hero-bottom{bottom:25px}.hero-bottom>span{display:none}.hero-bottom>a{width:100%;display:flex;justify-content:space-between}.eyebrow{font-size:9px;margin-bottom:18px}h2{font-size:48px;letter-spacing:-2.6px}.chapter-copy p:not(.eyebrow){font-size:13px;max-width:290px}.ink-chapter .chapter-copy{align-self:flex-start}.mix-chapter .chapter-copy{margin-top:0}.product-chapter{padding-top:80px}.product-chapter h2{font-size:39px}.product-controls{display:grid;grid-template-columns:1fr 1fr;bottom:8vh;gap:8px}.product-controls button{padding:13px;min-width:0;font-size:10px}.product-hint{font-size:6px}.colour-studio,.expertise{padding:65px 7%}.section-top>span{display:none}.studio-heading{display:block;margin:25px 0}.studio-heading h2{font-size:65px}.studio-heading>p{font-size:13px}.swatches{grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:35px}.swatch{aspect-ratio:.9}.swatch span{font-size:6px}.swatch[aria-pressed=true]{transform:translateY(-6px);outline-offset:2px}.colour-preview{grid-template-columns:1fr;gap:40px;padding-top:35px}.ink-orb{height:260px;width:85%}.colour-preview h3{font-size:38px}.expertise-grid{grid-template-columns:1fr;gap:30px;margin-top:45px}.expertise-grid h3{margin-top:20px}.expertise-grid p{max-width:100%}.contact{padding:70px 7% 260px;min-height:650px}.contact h2{font-size:49px}.contact-colour{top:auto;bottom:-120px;right:-20%;width:95%;height:350px}.contact-button{gap:30px}footer{grid-template-columns:1fr;gap:25px}footer div{justify-content:flex-start;gap:20px;flex-wrap:wrap}footer>a:last-child{text-align:left}dialog{padding:45px 28px}dialog h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Original outlined logo extracted from the supplied packaging design. */
.brand .brand-logo{display:block;width:220px;height:auto;max-width:100%;flex-shrink:0}.brand{flex-shrink:0}@media(max-width:760px){.brand .brand-logo{width:185px}}@media(max-width:380px){.brand .brand-logo{width:160px}}