#colour-of-us #intro.hero h1{font-size:clamp(58px,6.5vw,104px);line-height:.96}
#colour-of-us #intro .hero-grid{min-height:min(660px,calc(100svh - 125px));gap:clamp(25px,4vw,65px)}
#colour-of-us #intro .hero-copy{margin:25px 0 22px}
#colour-of-us #intro .hero-facts{margin-bottom:24px}
#colour-of-us #intro .art{min-height:440px}
#colour-of-us #quiz .quiz-wrap{min-height:unset;padding:16px 0 48px}
#colour-of-us #quiz .question-overline{margin:22px 0 10px}
#colour-of-us #quiz .question{font-size:clamp(30px,3.5vw,48px);line-height:1.18;overflow-wrap:anywhere}
#colour-of-us #quiz .question-context{margin-bottom:18px}
#colour-of-us #quiz .choice{min-width:0;min-height:120px;padding:14px 16px;gap:15px}
#colour-of-us #quiz .choice strong{font-size:22px}
#colour-of-us #quiz .choice small{overflow-wrap:anywhere}
#colour-of-us #quiz .swatch{width:68px;height:78px}
#colour-of-us #quiz .quiz-actions{margin-top:20px}
#colour-of-us #results .result{padding-bottom:65px}
#colour-of-us #results .result h1{font-size:clamp(42px,5vw,76px);line-height:1.05;overflow-wrap:anywhere}
#jwkl-float{position:fixed;z-index:1005;left:max(12px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));border:1px solid #e8c683;border-radius:50px;padding:12px 16px;background:#14243a;color:#fff4db;font:700 12px/1.2 Arial,sans-serif;box-shadow:0 6px 20px #0004;cursor:pointer}
#jwkl-float:hover{background:#263d59}
body.jwkl-in-quiz #jwkl-float,body.jwkl-in-quiz #jewell-whatsapp-float{display:none!important}
#jwkl-dialog{box-sizing:border-box;width:min(94vw,530px);max-width:530px;max-height:min(90vh,780px);max-height:min(90dvh,780px);padding:0;border:1px solid #d9c7d2;border-radius:22px;background:#fffaf4;color:#211b31;box-shadow:0 24px 70px #251b3155;overflow:auto;overscroll-behavior:contain;scroll-padding:16px;font-family:Arial,sans-serif}
#jwkl-dialog::backdrop{background:#161025bf}
#jwkl-dialog *{box-sizing:border-box}
#jwkl-dialog .jwkl-panel{position:relative;padding:32px;background:radial-gradient(circle at 100% 0%,#f5dbe2,transparent 36%),#fffaf4}
#jwkl-dialog h2{margin:0 42px 12px 0;font:600 clamp(29px,5vw,39px)/1.1 Georgia,serif;color:#251b36}
#jwkl-dialog p{margin:0 0 14px;color:#51485a;font:14px/1.5 Arial,sans-serif}
#jwkl-dialog .jwkl-close{position:absolute;top:15px;right:15px;width:38px;height:38px;border:1px solid #b9a9ba;border-radius:50%;background:transparent;color:#251b36;font-size:24px;cursor:pointer}
#jwkl-dialog .jwkl-kicker{color:#9d5575;font-size:11px;font-weight:700;letter-spacing:.15em}
#jwkl-dialog .jwkl-result{font-weight:700;color:#624a78}
#jwkl-dialog .jwkl-privacy{font-size:12px;color:#5b5360}
#jwkl-dialog label.jwkl-label{display:block;margin:16px 0 7px;font-size:13px;font-weight:700}
#jwkl-dialog .jwkl-phone{display:flex;align-items:center;background:#fff;border:1px solid #bcb1bf;border-radius:10px;overflow:hidden}
#jwkl-dialog .jwkl-phone span{padding:0 12px;color:#51465c;border-right:1px solid #ddd5de}
#jwkl-dialog input[type=tel]{min-height:46px;width:100%;padding:10px 12px;border:0;background:#fff;color:#211b31;font-size:15px}
#jwkl-dialog .jwkl-consent{display:flex;align-items:flex-start;gap:9px;margin:12px 0;color:#40394b;font-size:12px;line-height:1.45}
#jwkl-dialog .jwkl-consent input{width:17px;height:17px;flex:0 0 auto;margin:1px 0 0;accent-color:#704f86}
#jwkl-dialog .jwkl-send,#jwkl-dialog .jwkl-download,#jwkl-dialog .jwkl-share,#jwkl-dialog .jwkl-go{min-height:44px;border-radius:999px;padding:11px 18px;font:700 14px/1.3 Arial,sans-serif;cursor:pointer}
#jwkl-dialog .jwkl-send,#jwkl-dialog .jwkl-go{border:0;background:#251b36;color:#fff;width:100%}
#jwkl-dialog .jwkl-download,#jwkl-dialog .jwkl-share{border:1px solid #8e799a;background:#fff;color:#402d51}
#jwkl-dialog .jwkl-actions{display:flex;flex-wrap:wrap;gap:9px;margin:10px 0}
#jwkl-dialog [hidden]{display:none!important}
#jwkl-dialog button:disabled{opacity:.6;cursor:not-allowed}
#jwkl-dialog .jwkl-status,#jwkl-dialog .jwkl-pdf-status{font-size:12px;color:#77516a}
#jwkl-dialog .jwkl-status:empty,#jwkl-dialog .jwkl-pdf-status:empty{display:none}
#jwkl-dialog :is(button,input):focus-visible,#jwkl-float:focus-visible{outline:3px solid #70518b;outline-offset:3px}
@media(max-width:780px){#colour-of-us #intro .hero-grid{padding-top:8px}#colour-of-us #intro.hero h1{font-size:clamp(46px,12vw,62px);line-height:1.03;overflow-wrap:anywhere}#colour-of-us #intro .art{order:0;min-height:250px}#colour-of-us #intro .art-card{width:170px}#colour-of-us #intro .art-heart{font-size:75px}#colour-of-us #intro .hero-copy{margin:18px 0}#colour-of-us #intro .hero-facts{margin:0 0 20px}#colour-of-us #quiz.screen{padding-top:16px}#colour-of-us #quiz .quiz-wrap{padding:0 0 36px}#colour-of-us #quiz .question-overline{margin:14px 0 8px}#colour-of-us #quiz .question{font-size:clamp(26px,7vw,34px)}#colour-of-us #quiz .question-context{margin-bottom:14px}#colour-of-us #quiz .choice{min-height:74px;padding:8px 11px;gap:11px}#colour-of-us #quiz .choice strong{font-size:19px;margin-bottom:4px}#colour-of-us #quiz .swatch{width:48px;height:54px}#colour-of-us #quiz .quiz-actions{margin-top:12px}#colour-of-us #results .result h1{font-size:clamp(38px,10vw,54px)}#colour-of-us #results .result-art{order:0;min-height:230px}#jwkl-dialog .jwkl-panel{padding:26px 21px}}
@media(prefers-reduced-motion:reduce){#jwkl-dialog *,#jwkl-float{transition:none!important;animation:none!important}}