:root{--ink:#1d1730;--ink-2:#4a4166;--ink-3:#7c7494;--cream:#fff8ec;--paper:#fff;--line:#ede4d3;--yolk:#ffc21a;--yolk-deep:#d99a00;--berry:#ff4f8b;--berry-deep:#c9235f;--sky:#2e9bff;--sky-deep:#1767c2;--grape:#6b4fd8;--grape-deep:#3e2a9a;--mint:#2fd3a0;--night:#150f3a;--night-2:#241a5c;--r:22px;--shadow:0 1px 2px #1d17300f, 0 12px 32px -12px #1d173040;--display:"Fredoka", ui-rounded, system-ui, sans-serif;--body:"Nunito", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);font:500 17px/1.6 var(--body);margin:0;overflow-x:hidden}img,svg,canvas{max-width:100%}a{color:inherit}h1,h2,h3,h4{font-family:var(--display);letter-spacing:-.01em;margin:0 0 .4em;font-weight:600;line-height:1.08}h1{font-size:clamp(2.6rem,6.4vw,4.8rem);font-weight:700}h2{font-size:clamp(2rem,4.2vw,3.1rem)}h3{font-size:1.35rem}p{margin:0 0 1em}.wrap{width:min(1180px,100% - 32px);margin-inline:auto}.eyebrow{font:800 .78rem/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--grape);margin-bottom:14px;display:inline-block}.lede{color:var(--ink-2);max-width:40em;font-size:1.15rem}.center{text-align:center}.center .lede{margin-inline:auto}section{padding:clamp(64px,9vw,120px) 0}.btn{--b:var(--yolk);--d:var(--yolk-deep);--c:var(--ink);cursor:pointer;font:600 1.1rem/1 var(--display);color:var(--c);background:var(--b);box-shadow:0 5px 0 var(--d), 0 12px 24px -8px #00000059;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:17px 30px 15px;text-decoration:none;transition:transform .12s,box-shadow .12s,filter .2s;display:inline-flex;transform:translateY(0)}.btn:hover{filter:brightness(1.06);box-shadow:0 7px 0 var(--d), 0 16px 28px -8px #00000059;transform:translateY(-2px)}.btn:active{box-shadow:0 1px 0 var(--d), 0 6px 12px -6px #00000059;transform:translateY(4px)}.btn--berry{--b:var(--berry);--d:var(--berry-deep);--c:#fff}.btn--sky{--b:var(--sky);--d:var(--sky-deep);--c:#fff}.btn--ghost{--b:#ffffff1f;--d:#00000040;--c:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn--light{--b:#fff;--d:#d9d0be}.btn--sm{padding:12px 20px 11px;font-size:.95rem}.btn[disabled]{opacity:.55;pointer-events:none}.nav{z-index:40;-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);background:#fff8ecd1;border-bottom:1px solid #1d17300f;position:sticky;top:0}.nav__in{justify-content:space-between;align-items:center;height:68px;display:flex}.logo{font:700 1.55rem/1 var(--display);color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.logo svg{width:30px;height:36px}.nav__links{font:600 1rem var(--display);align-items:center;gap:26px;display:flex}.nav__links a{color:var(--ink-2);text-decoration:none}.nav__links a:hover{color:var(--ink)}.nav--dark{background:#150f3ab3;border-color:#ffffff14}.nav--dark .logo,.nav--dark .nav__links a{color:#fff}@media (width<=720px){.nav__links a:not(.btn){display:none}}.night{background:radial-gradient(1200px 600px at 70% 10%, #3b2a9a 0%, transparent 60%), radial-gradient(900px 500px at 10% 90%, #7a1e6e 0%, transparent 55%), var(--night);color:#fff;position:relative;overflow:hidden}.night .lede{color:#ffffffc7}.night .eyebrow{color:var(--yolk)}.stars{pointer-events:none;opacity:.55;background-image:radial-gradient(1.5px 1.5px at 20px 30px,#fff 50%,#0000 51%),radial-gradient(1px 1px at 120px 80px,#fffc 50%,#0000 51%),radial-gradient(1.2px 1.2px at 200px 160px,#ffffffe6 50%,#0000 51%),radial-gradient(1px 1px at 60px 200px,#fff9 50%,#0000 51%);background-size:240px 240px;animation:6s ease-in-out infinite alternate twinkle;position:absolute;inset:0}@keyframes twinkle{to{opacity:.25}}.panel{background:var(--paper);border-radius:var(--r);box-shadow:var(--shadow);padding:24px}.chip{border:2px solid var(--line);color:var(--ink);font:600 .95rem/1 var(--display);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;transition:border-color .15s,transform .15s,background .15s;display:inline-flex}.chip:hover{border-color:#d6c9b0;transform:translateY(-1px)}.chip[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:#fff}.reveal{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1);transform:translateY(24px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}html{scroll-behavior:auto}}.footer{background:var(--night);color:#ffffffb3;padding:56px 0 40px;font-size:.92rem}.footer .logo{color:#fff}.footer__grid{grid-template-columns:1.4fr 1fr 1fr;gap:32px;display:grid}.footer a{color:#ffffffd9;margin:6px 0;text-decoration:none;display:block}.footer a:hover{color:#fff}.footer__legal{color:#ffffff80;border-top:1px solid #ffffff1a;margin-top:36px;padding-top:22px;font-size:.82rem}@media (width<=720px){.footer__grid{grid-template-columns:1fr}}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--sky);outline-offset:3px;border-radius:8px}@media (pointer:coarse){.chip,.btn--sm,.tab,.pal,.nav .btn--sm,.logo{min-height:44px}.footer a{margin:0;padding:10px 0}.faq summary{padding:10px 0}.faq details{padding-top:10px;padding-bottom:10px}.legal a{padding:10px 0;display:inline-block}.toggles label,.colours label,.extra{min-height:44px}.colours input{height:44px}}input,select,textarea{font-size:max(16px,1em)}.holo{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;--pos:50% 50%;--hyp:0;perspective:1400px;aspect-ratio:5/7;touch-action:pan-y;width:100%}.holo__tilt{width:100%;height:100%;transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;will-change:transform}.holo__case{width:100%;height:100%;transform-style:preserve-3d;flex-direction:column;display:flex;position:relative}.holo__card{aspect-ratio:5/7;width:100%;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.8,.2,1);position:relative}.holo__label,.holo__caseglare{display:none}.holo{transition:aspect-ratio .4s}.holo.is-slab{aspect-ratio:5/8.3}.holo.is-slab .holo__case{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(160deg,#ffffff47,#dce4ff1f 40%,#fff3);border:2px solid #ffffffb3;border-radius:5%/3%;gap:5%;padding:6% 6.5% 7%;box-shadow:inset 0 0 0 6px #ffffff1f,inset 0 0 0 8px #ffffff59,0 30px 60px -18px #0a0528b3}.holo.is-slab .holo__label{color:#1d1730;background:#fff;border-top:5px solid #c9235f;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:4% 5%;display:flex;box-shadow:0 2px 6px #00000026}.holo__label div{min-width:0;display:grid}.holo__label b{font:800 clamp(7px, 1.9cqw, 11px)/1.2 var(--body,sans-serif);letter-spacing:.12em;color:#4a4166}.holo__label strong{font:700 clamp(13px, 4.6cqw, 24px)/1.1 var(--display,sans-serif);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.holo__label small{font:600 clamp(7px, 2cqw, 11px)/1.3 var(--body,sans-serif);color:#4a4166;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.holo__grade{text-align:right;flex:none}.holo__grade span{font:700 clamp(22px, 8.5cqw, 46px)/.9 var(--display,sans-serif);display:block}.holo.is-slab .holo__caseglare{border-radius:inherit;pointer-events:none;background:linear-gradient(115deg, transparent 35%, #ffffff59 calc(35% + var(--hyp) * 20%), transparent calc(50% + var(--hyp) * 20%));mix-blend-mode:screen;display:block;position:absolute;inset:0}.holo{container-type:inline-size}.holo.is-flipped .holo__card{transform:rotateY(180deg)}.holo__face{backface-visibility:hidden;isolation:isolate;border-radius:4.6%/3.3%;position:absolute;inset:0;overflow:hidden;box-shadow:0 2px 4px #0a051e40,0 24px 50px -12px #140a3c8c}.holo__back{transform:rotateY(180deg)}.holo__img{width:100%;height:100%;display:block}.holo__foil,.holo__sheen,.holo__glare{pointer-events:none;position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%}.holo__glare{background:radial-gradient(farthest-corner circle at var(--mx) var(--my), #ffffff8c 0%, #ffffff1f 30%, #00000040 90%);mix-blend-mode:overlay;opacity:calc(.35 + var(--hyp) * .5)}.holo__foil,.holo__sheen{opacity:0}.holo[data-finish=rainbow] .holo__foil{opacity:calc(.22 + var(--hyp) * .5);mix-blend-mode:color-dodge;filter:brightness(.65)contrast(1.6)saturate(1.4);background:repeating-linear-gradient(110deg,#ff3b6b 0%,#ffb23b 5%,#f6ff3b 10%,#3bff8a 15%,#3bd6ff 20%,#8a3bff 25%,#ff3b6b 30%) 0 0/320% 320%;background-position:var(--pos)}.holo[data-finish=rainbow] .holo__sheen{opacity:.35;mix-blend-mode:overlay;background:var(--tex-glitter);background-size:260px}.holo[data-finish=glitter] .holo__foil{opacity:calc(.4 + var(--hyp) * .5);mix-blend-mode:color-dodge;filter:brightness(.75)contrast(1.4);background:var(--tex-glitter), linear-gradient(125deg, #ff7ab8, #ffd36e, #7affc8, #7ad1ff, #c37aff, #ff7ab8);background-size:180px,300% 300%;background-position:center, var(--pos)}.holo[data-finish=glitter] .holo__sheen{opacity:.45;mix-blend-mode:overlay;background:radial-gradient(circle at var(--mx) var(--my), #fff, transparent 45%)}.holo[data-finish=etched] .holo__foil{opacity:calc(.35 + var(--hyp) * .5);mix-blend-mode:color-dodge;filter:brightness(.6)contrast(1.8)saturate(1.3);background:repeating-linear-gradient(55deg,#ffffffe6 0 1px,#0000 1px 5px),repeating-linear-gradient(110deg,#ff5f9e 0%,#ffd25f 8%,#5fffb0 16%,#5fc8ff 24%,#b35fff 32%,#ff5f9e 40%) 0 0/300% 300%;background-position:center, var(--pos)}.holo[data-finish=etched] .holo__sheen{opacity:.3;mix-blend-mode:overlay;background:var(--tex-glitter);background-size:300px}.holo[data-finish=gold] .holo__foil{opacity:calc(.5 + var(--hyp) * .4);mix-blend-mode:overlay;background:repeating-linear-gradient(55deg,#fff0beb3 0 1px,#0000 1px 6px),linear-gradient(115deg,#7a4d0e 20%,#fff3c2 35%,#e2b44a 45%,#fffbe6 52%,#c9952b 62%,#7a4d0e 80%) 0 0/300% 300%;background-position:center, var(--pos)}.holo[data-finish=gold] .holo__sheen{opacity:calc(.25 + var(--hyp) * .4);mix-blend-mode:color-dodge;background:var(--tex-glitter);filter:sepia()saturate(3)hue-rotate(-10deg);background-size:220px}.holo[data-finish=prism] .holo__foil{opacity:calc(.55 + var(--hyp) * .35);mix-blend-mode:soft-light;background:linear-gradient(120deg,#ffb3d9,#ffd6a5,#fdffb6,#caffbf,#9bf6ff,#a0c4ff,#bdb2ff,#ffc6ff,#ffb3d9) 0 0/400% 400%;background-position:var(--pos)}.holo[data-finish=prism] .holo__sheen{opacity:calc(.3 + var(--hyp) * .4);mix-blend-mode:color-dodge;background:var(--tex-glitter);filter:brightness(.8);background-size:200px}.holo[data-finish=cosmos] .holo__foil{opacity:calc(.5 + var(--hyp) * .45);mix-blend-mode:screen;background:var(--tex-stars), radial-gradient(circle at calc(100% - var(--mx)) calc(100% - var(--my)), #965aff8c, transparent 50%), radial-gradient(circle at var(--mx) var(--my), #32e6d266, transparent 45%);background-size:240px,100% 100%,100% 100%;background-position:var(--pos), center, center}.holo[data-finish=cosmos] .holo__sheen{opacity:.5;mix-blend-mode:overlay;background:linear-gradient(115deg,#0000 30%,#f7d774 45%,#fff3c2 50%,#0000 65%) 0 0/300% 300%;background-position:var(--pos)}@media (prefers-reduced-motion:reduce){.holo__tilt{transform:none}.holo__card{transition:none}}