@font-face{font-family:Hand;src:url(colour-story-hand.ttf) format("truetype");font-display:swap}@font-face{font-family:DM;src:url(colour-story-sans.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:DM;src:url(colour-story-sans-regular.ttf) format("truetype");font-weight:400 600;font-display:swap}:root{--pink:#ef919a;--olive:#858838;--ink:#363d28;--blue:#497daf;--cream:#f7f4e7;--lime:#c7cb70}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--cream);color:var(--ink);font-family:DM,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin-top:0}h2{font-family:Hand,Comic Sans MS,cursive;font-weight:400;font-size:clamp(40px,5vw,68px);line-height:1.04;margin-bottom:24px}p{line-height:1.7}.skip{position:absolute;top:-60px;background:#fff;padding:15px;z-index:5}.skip:focus{top:0}.announcement{background:var(--olive);color:#fff;padding:10px 18px;text-align:center;font-size:10px;letter-spacing:2px;font-weight:700}.announcement span{margin:0 18px}header{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:16px 5%;background:var(--cream);border-bottom:1px solid #85883833}.logo{font-family:Hand,cursive;font-size:43px;line-height:.72;color:var(--olive);width:145px;flex-shrink:0;transform:rotate(-4deg);padding:6px 0;letter-spacing:-1px}.logo>span{display:block}.logo>span+span{padding-left:28px;padding-top:5px}.logo-star{color:var(--pink);font-size:27px;padding-left:6px;vertical-align:middle}nav{display:flex;gap:28px;font-size:12px;font-weight:600}nav a:hover{color:var(--blue)}.header-link{font-size:12px;border-bottom:1px solid;padding-bottom:4px}.menu-toggle{display:none}.hero{background:var(--pink);display:grid;grid-template-columns:1fr 1fr;gap:40px;min-height:670px;padding:60px 8% 55px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:700;line-height:1.5;margin-bottom:25px}.hero h1{font-family:Hand,cursive;font-weight:400;font-size:clamp(72px,8.8vw,128px);line-height:.82;letter-spacing:-2px;position:relative;margin:0 0 32px}.hero h1>span{color:#f9f6e8}.hero h1 svg{width:275px;height:24px;display:block;stroke:var(--ink);stroke-width:3;fill:none;margin-top:5px}.hero-copy>p:not(.eyebrow){font-size:17px;line-height:1.6}.button{display:inline-flex;justify-content:space-between;gap:28px;align-items:center;padding:15px 25px;border-radius:100px;background:var(--ink);color:var(--cream);font-size:12px;font-weight:700;transition:transform .2s}.button:hover{transform:translateY(-3px)}.button span{font-size:21px;line-height:1}.hero-note{display:block;font-family:Hand,cursive;font-size:22px;transform:rotate(-5deg);margin:22px 0 0 18px}.hero-visual{position:relative;display:flex;justify-content:center;padding:0 0 65px}.photo-frame{width:83%;height:490px;border-radius:200px 200px 18px 18px;overflow:hidden;background:var(--cream);border:8px solid var(--cream);transform:rotate(3deg)}.photo-frame img{object-position:center 28%}.stamp{width:113px;height:113px;background:var(--blue);color:#fff;border:1px dashed #f7f4e799;outline:6px solid var(--blue);border-radius:50%;position:absolute;right:-7px;top:15px;display:flex;flex-direction:column;justify-content:center;text-align:center;font-size:9px;line-height:1.6;letter-spacing:1px;transform:rotate(15deg)}.stamp span{font-size:26px}.floating-fish{position:absolute;width:250px;height:190px;bottom:0;left:-27px;background:var(--cream);border:8px solid var(--cream);border-radius:8px;transform:rotate(-9deg);box-shadow:0 8px 12px #34382815}.floating-fish img{height:145px;border-radius:3px}.floating-fish span{display:block;text-align:center;font-family:Hand,cursive;font-size:19px;padding-top:7px}.section-pad{padding:75px 8%}.section-heading{text-align:center}.section-heading .eyebrow{margin-bottom:13px}.circle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;max-width:1080px;margin:48px auto 0}.edit{text-align:center}.circle{aspect-ratio:1;border-radius:50%;overflow:hidden;border:6px solid transparent;transition:transform .3s}.edit:hover .circle{transform:rotate(-4deg)}.circle.pink{background:var(--pink)}.circle.blue{background:var(--blue)}.circle.green{background:var(--olive)}.circle.pink img{object-position:center 20%}.circle.blue img{object-position:43% 60%;transform:scale(1.1)}.circle.green img{object-position:50% 52%;transform:scale(1.05)}.edit-sub{display:block;font-size:9px;letter-spacing:1.4px;margin:26px 0 9px}.edit h3{font-family:Hand,cursive;font-weight:400;font-size:29px;margin:0}.edit h3 span{font-family:DM,sans-serif;font-size:22px;margin-left:7px}.ribbon{background:var(--blue);color:var(--cream);padding:20px 0;overflow:hidden;text-align:center;font-size:15px;letter-spacing:2.7px;white-space:nowrap}.ribbon b{font-size:20px;margin:0 28px;font-weight:400}.table-story{display:grid;grid-template-columns:1.1fr 1fr;background:var(--olive);color:var(--cream);min-height:485px}.table-photo{position:relative;overflow:hidden}.table-photo img{object-position:40% center}.scribble{position:absolute;left:8%;bottom:22px;font-family:Hand,cursive;font-size:28px;background:var(--cream);color:var(--ink);padding:10px 16px;transform:rotate(-4deg)}.table-copy{padding:70px 14% 65px 12%}.table-copy .eyebrow{margin-bottom:25px}.table-copy p:not(.eyebrow){font-size:14px;max-width:360px}.button.cream{background:var(--cream);color:var(--ink);margin-top:8px}.collection-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.collection-head h2{margin-bottom:0}.collection-head .eyebrow{margin-bottom:15px}.filters{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.filters button{border:1px solid #363d2833;background:transparent;padding:10px 17px;border-radius:30px;color:var(--ink);font-size:11px}.filters button.active{background:var(--ink);color:var(--cream);border-color:var(--ink)}.collection-note{font-size:12px;margin:25px 0 35px;color:#626651}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.product{display:block;text-align:left;width:100%;background:none;border:0;color:inherit;padding:0;cursor:pointer}.product-image{aspect-ratio:3/4;border-radius:105px 105px 14px 14px;background:#e7e4d7;overflow:hidden;position:relative}.product-image img{transition:transform .4s;object-position:center 28%}.product:hover img{transform:scale(1.045)}.product .category{display:block;margin:20px 0 7px;font-size:9px;letter-spacing:1.6px;text-transform:uppercase;color:#6b6c52}.product h3{font-size:13px;font-weight:500;line-height:1.55;margin-bottom:8px}.product .price{font-size:11px}.product .preview{font-size:10px;display:block;margin-top:6px;color:#5c633c}.product-image .arrow{position:absolute;right:12px;bottom:12px;background:var(--cream);width:33px;height:33px;border-radius:50%;display:grid;place-items:center;font-size:18px}.range-note{font-size:10px;color:#737563;margin:25px 0 0}.second-story{padding:55px 8%;background:#e9ead7;display:grid;grid-template-columns:1.4fr 1fr;gap:60px}.second-story h2{font-size:48px}.second-story p:not(.eyebrow){font-size:14px;max-width:520px;margin-bottom:0}.second-links{display:flex;flex-direction:column;justify-content:center;gap:22px}.second-links a{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid #363d2850;font-size:13px}.second-links span{font-size:22px}.closing{background:var(--pink);text-align:center;padding:70px 20px 80px}.closing .eyebrow{margin-bottom:22px}.closing h2{font-size:clamp(45px,6vw,80px)}.closing p:not(.eyebrow){font-size:15px}.closing .button{margin-top:10px}footer{text-align:center;padding:55px 20px 0}footer .logo{display:block;margin:0 auto;font-size:64px;width:205px}footer .logo-star{font-size:38px}footer>p{font-size:11px;margin:30px 0}footer>div:not(.colour-line){display:flex;justify-content:center;gap:30px;font-size:11px;flex-wrap:wrap}footer small{display:block;font-size:9px;color:#737563;line-height:1.7;margin:35px 0}.colour-line{height:12px;display:flex;margin:0 -20px}.colour-line i{width:25%;background:var(--olive)}.colour-line i:nth-child(2){background:var(--pink)}.colour-line i:nth-child(3){background:var(--blue)}.colour-line i:nth-child(4){background:var(--lime)}dialog{width:min(800px,92vw);border:0;border-radius:20px;background:var(--cream);color:var(--ink);padding:35px}dialog::backdrop{background:#222b1ec9}.dialog-close{position:absolute;top:9px;right:13px;border:0;background:none;font-size:30px;line-height:1}.dialog-body{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.dialog-body img{height:320px;border-radius:13px}.dialog-body p:not(.eyebrow){font-size:13px}.dialog-body h2{font-size:44px}.dialog-body .button{font-size:11px;padding:13px 20px}@media(min-width:1500px){.hero,.section-pad{padding-left:max(8%,calc((100vw - 1260px)/2));padding-right:max(8%,calc((100vw - 1260px)/2))}}@media(max-width:1000px){header{gap:18px}nav{gap:16px;font-size:11px}.header-link{display:none}.hero{padding-left:6%;padding-right:6%;gap:25px;min-height:590px}.photo-frame{height:425px;width:90%}.hero h1{font-size:93px}.floating-fish{width:210px;height:165px;left:-10px}.floating-fish img{height:123px}.stamp{right:-8px;width:95px;height:95px;font-size:8px}.hero-copy>p:not(.eyebrow){font-size:15px}.circle-grid{gap:25px}.table-copy{padding:55px 9%}.collection-head{align-items:flex-start;flex-direction:column}.filters{justify-content:flex-start;margin-top:14px}.product-grid{gap:17px}.product h3{font-size:12px}.section-pad{padding:60px 6%}}@media(max-width:650px){html{scroll-padding-top:25px}.announcement{font-size:8px;letter-spacing:1px;padding:10px}.announcement span{margin:0 8px}header{padding:20px 6%;position:relative;justify-content:center}.logo{font-size:40px;width:131px}.logo-star{font-size:23px}.menu-toggle{position:absolute;left:6%;display:block;background:none;border:0;width:28px;padding:5px 0}.menu-toggle span{display:block;height:1px;background:var(--ink);margin:6px 0;width:24px}nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--cream);padding:25px 6%;z-index:4;box-shadow:0 7px 8px #0001;flex-direction:column;gap:20px;font-size:14px}nav.open{display:flex}.hero{grid-template-columns:1fr;padding:38px 7% 40px;gap:26px}.hero h1{font-size:clamp(80px,22vw,110px);line-height:.84}.hero h1 br:nth-of-type(2){display:none}.hero h1 span{padding-left:10px}.hero h1 svg{width:220px}.hero .eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:25px}.hero-copy>p:not(.eyebrow){font-size:14px;margin-bottom:20px}.button{font-size:11px;padding:14px 21px}.hero-note{font-size:19px;margin-top:18px}.hero-visual{height:390px;padding:0 0 50px;margin:5px 15px 0 25px}.photo-frame{height:335px;width:85%;border-width:6px}.stamp{top:10px;right:-10px;width:83px;height:83px;font-size:7px}.stamp span{font-size:19px}.floating-fish{width:180px;height:145px;left:-24px;border-width:6px}.floating-fish img{height:111px}.floating-fish span{font-size:15px;padding-top:6px}.section-pad{padding:48px 7%}.section-heading h2{font-size:42px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.3px}.circle-grid{grid-template-columns:1fr;gap:40px;margin-top:30px}.edit{max-width:280px;margin:auto;width:100%}.edit-sub{margin-top:18px;font-size:8px}.edit h3{font-size:28px}.ribbon{padding:17px 0;font-size:10px;letter-spacing:1.8px;text-align:left}.ribbon span{display:block;padding-left:20px}.ribbon b{margin:0 12px}.table-story{grid-template-columns:1fr}.table-photo{height:300px}.scribble{font-size:21px;left:7%;bottom:20px}.table-copy{padding:42px 7% 45px}.table-copy h2{font-size:51px}.table-copy .eyebrow{font-size:8px;margin-bottom:20px}.table-copy p:not(.eyebrow){font-size:13px}.collection-head h2{font-size:49px}.collection-head .eyebrow{font-size:8px}.filters{gap:6px}.filters button{padding:9px 12px;font-size:10px}.collection-note{font-size:11px;margin:20px 0 26px}.product-grid{grid-template-columns:1fr 1fr;gap:27px 15px}.product-image{border-radius:65px 65px 9px 9px}.product .category{font-size:7px;letter-spacing:1px;margin-top:15px}.product h3{font-size:11px}.product .price{font-size:10px}.product .preview,.range-note{font-size:9px}.second-story{grid-template-columns:1fr;gap:22px;padding:40px 7%}.second-story .eyebrow{font-size:8px;letter-spacing:1.5px}.second-story h2{font-size:42px}.second-story p:not(.eyebrow){font-size:12px}.second-links{gap:7px}.second-links a{font-size:12px}.closing{padding:47px 7% 55px}.closing .eyebrow{font-size:8px;letter-spacing:1.5px}.closing h2{font-size:48px}.closing p:not(.eyebrow){font-size:12px}footer{padding-top:45px}footer>div:not(.colour-line){gap:20px;font-size:10px}.dialog-body{grid-template-columns:1fr;gap:23px}.dialog-body img{height:210px}.dialog-body h2{font-size:36px}.dialog-body .eyebrow{font-size:8px;margin-bottom:15px}dialog{padding:30px 23px;max-height:90vh}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.cs-uploaded-logo{width:125px;height:80px;object-fit:contain}.cs-menu-item{position:relative}.cs-menu-item summary{cursor:pointer;list-style:none;font-size:13px;font-weight:700}.cs-menu-item summary::-webkit-details-marker{display:none}.cs-menu-item summary:after{content:" \2304"}.cs-submenu{position:absolute;z-index:50;top:100%;left:0;min-width:190px;padding:16px;background:var(--cream,#f7f4e7);box-shadow:0 5px 20px #363d2826;display:flex;flex-direction:column;gap:12px}.cs-submenu .cs-grandchild{padding-left:14px}.footer-navigation .cs-submenu{top:auto;bottom:100%}a:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:4px}@media(max-width:760px){.cs-submenu{position:static;box-shadow:none;margin-top:12px}.cs-menu-item summary{font-size:18px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/colour-story-home.css.map */