@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,600;12..96,700;12..96,800&display=swap";:root{--b-bg:#f4bed3;--b-ink:#172a57;--b-surface:#2147a8;--b-accent:#ffe88a;--b-white:#fff;--b-mesh-blush:#ffeaf2;--b-mesh-blue:#99b4ef;--b-ink-70:#172a57b3;--b-white-70:#ffffffb3;--b-danger:#7d1f2e;--b-display:"Bricolage Grotesque", "Avenir Next", "Segoe UI", system-ui, sans-serif;--b-ui:"Avenir Next", "Segoe UI", system-ui, -apple-system, sans-serif;--text-xs:.75rem;--leading-xs:1rem;--text-sm:.875rem;--leading-sm:1.25rem;--text-body:1rem;--leading-body:1.5rem;--text-lg:1.25rem;--leading-lg:1.75rem;--text-xl:1.75rem;--leading-xl:2rem;--text-2xl:2.5rem;--leading-2xl:2.75rem;--text-display:4rem;--leading-display:4rem;--text-cover:6rem;--leading-cover:6rem;--tracking-display:-.03em;--tracking-label:.08em;--weight-regular:400;--weight-medium:500;--weight-demi:600;--weight-bold:700;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--b-radius:24px;--b-radius-field:28px;--radius-pill:999px;--shell:82rem;--inset:var(--space-6);--section-y:var(--space-12);--button-height:3.375rem;--touch-target:2.75rem;--logo-size:3rem;--nav-height:calc(var(--space-6) * 2 + var(--logo-size));--icon:1.25rem;--focus-width:2px;--focus-offset:2px;--duration-fast:.18s;--duration-gallery:.24s;--duration-frame:.2s;--duration-reveal:.64s;--reveal-distance:1.75rem;--ease-out:cubic-bezier(.22, 1, .36, 1);--z-menu:20;--z-toast:40;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (width>=48rem){:root{--inset:var(--space-8);--section-y:var(--space-16);--b-radius-field:48px}}@media (width>=60rem){:root{--logo-size:3.5rem}}@media (width>=64rem){:root{--inset:var(--space-16)}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--space-16)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--b-bg);color:var(--b-ink);font:var(--text-body)/var(--leading-body) var(--b-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow-x:hidden}[hidden]{display:none!important}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a{color:inherit;text-decoration:none}h1,h2,h3,p,figure,dl,dd,ul{margin:0}ul{padding:0;list-style:none}svg{width:var(--icon);height:var(--icon);flex-shrink:0;display:inline-block}h1,h2,h3,.display{font-family:var(--b-display);font-weight:var(--weight-bold);letter-spacing:var(--tracking-display)}h1{font-size:clamp(2.25rem, 7vw, var(--text-display));line-height:1.02}h2{font-size:clamp(1.75rem, 5vw, var(--text-2xl));line-height:1.1}h3{font-size:var(--text-lg);line-height:var(--leading-lg)}p{max-width:70ch}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:var(--focus-width) solid var(--b-ink);outline-offset:var(--focus-offset);border-radius:var(--space-1)}.on-cobalt :where(a,button,[tabindex]):focus-visible,.cc-field--cobalt :where(a,button,[tabindex]):focus-visible{outline-color:var(--b-accent)}#main:focus{outline:none}::selection{background:var(--b-accent);color:var(--b-ink)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link{left:var(--space-4);top:var(--space-4);z-index:var(--z-toast);padding:var(--space-3) var(--space-6);border-radius:var(--radius-pill);background:var(--b-surface);color:var(--b-white);font-weight:var(--weight-demi);position:fixed;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.cc-section{width:100%;padding:var(--section-y) var(--inset)}.cc-shell{width:100%;max-width:var(--shell);margin-inline:auto}:is(.cc-cover,.cc-section){position:relative}:is(.cc-cover,.cc-section)+:is(.cc-cover,.cc-section){margin-top:calc(var(--b-radius-field) * -1);padding-top:calc(var(--section-y) + var(--b-radius-field));border-start-start-radius:var(--b-radius-field);border-start-end-radius:var(--b-radius-field)}:is(.cc-cover,.cc-section):has(+:is(.cc-cover,.cc-section)){padding-bottom:calc(var(--section-y) + var(--b-radius-field))}main:not(.cc-section)>:is(.cc-cover,.cc-section):last-child{padding-bottom:calc(var(--section-y) + var(--b-radius-field))}main:not(.cc-section)+.cc-section{margin-top:calc(var(--b-radius-field) * -1);padding-top:calc(var(--section-y) + var(--b-radius-field));border-start-start-radius:var(--b-radius-field);border-start-end-radius:var(--b-radius-field)}.cc-field--cobalt{background:var(--b-surface);color:var(--b-white)}.cc-field--yellow{background:var(--b-accent);color:var(--b-ink)}.cc-field--pink{background:var(--b-bg);color:var(--b-ink)}.cc-btn{justify-content:space-between;align-items:center;gap:var(--space-6);min-height:var(--button-height);padding:var(--space-4) var(--space-6);border-radius:var(--radius-pill);font-family:var(--b-ui);font-size:var(--text-body);font-weight:var(--weight-demi);line-height:var(--leading-body);text-align:left;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);display:inline-flex}.cc-btn .cc-arrow{transition:transform var(--duration-fast) var(--ease-out)}.cc-btn:hover .cc-arrow,.cc-btn:focus-visible .cc-arrow{transform:translate(4px,-4px)}.cc-btn--cobalt{background:var(--b-surface);color:var(--b-white)}.cc-btn--cobalt:hover{background:var(--b-ink)}.cc-btn--yellow{background:var(--b-accent);color:var(--b-ink)}.cc-btn--yellow:hover{background:#ffdf5e}.cc-btn--outline{border:1px solid}.cc-btn--outline:hover{background:#ffffff1f}.cc-btn--block{width:100%}.cc-btn:active{transform:translateY(1px)}.cc-btn:disabled{opacity:1;color:var(--b-ink);cursor:not-allowed;background:#f6dcbb}.cc-btn:disabled .cc-arrow{transform:none}.cc-pill{align-items:center;gap:var(--space-2);min-height:var(--touch-target);padding:var(--space-3) var(--space-6);border-radius:var(--radius-pill);background:var(--b-accent);color:var(--b-ink);font-weight:var(--weight-demi);transition:background-color var(--duration-fast) var(--ease-out);display:inline-flex}.cc-pill:hover{background:#ffdf5e}.cc-link{align-items:center;gap:var(--space-1);min-height:var(--touch-target);transition:background-size var(--duration-fast) var(--ease-out);background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;display:inline-flex}.cc-link:hover,.cc-link:focus-visible,.cc-link--always{background-size:100% 1px}.cc-frame{gap:var(--space-3);padding:var(--space-3);border-radius:var(--b-radius);background:var(--b-white);color:var(--b-ink);transition:rotate var(--duration-frame) var(--ease-out), translate var(--duration-frame) var(--ease-out);flex-direction:column;display:flex}.cc-frame--yellow{background:var(--b-accent)}.cc-frame img{border-radius:var(--b-radius);object-fit:cover;background:#0000000d;width:100%}.cc-frame-label{font-weight:var(--weight-demi)}.cc-frame--tilt-left{rotate:-3deg}.cc-frame--tilt-right{rotate:3deg}a.cc-frame:hover,a.cc-frame:focus-visible{translate:0 -4px;rotate:0deg}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}a.cc-frame:hover,a.cc-frame:focus-visible{translate:none}}.cc-nav{z-index:var(--z-menu);justify-content:space-between;align-items:center;gap:var(--space-6);padding:var(--space-6) var(--inset);background:var(--b-bg);display:flex;position:relative}.cc-brand{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.cc-brand img{width:var(--logo-size);height:var(--logo-size);border-radius:var(--radius-pill);object-fit:cover}.cc-brand span{font-family:var(--b-display);font-size:var(--text-lg);line-height:var(--leading-lg);font-weight:var(--weight-bold);letter-spacing:var(--tracking-display);white-space:nowrap}.cc-nav-links{align-items:center;gap:var(--space-8);display:none}.cc-menu-toggle{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-target);padding-inline:var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--b-ink);font-weight:var(--weight-demi);display:inline-flex}.cc-mobile-menu{inset-inline:0;gap:var(--space-2);padding:var(--space-4) var(--inset) var(--space-6);background:var(--b-bg);border-bottom:2px solid var(--b-ink);flex-direction:column;display:flex;position:absolute;top:100%}.cc-mobile-menu a{min-height:var(--touch-target);align-items:center;display:flex}@media (width>=60rem){.cc-nav-links{display:flex}.cc-menu-toggle,.cc-mobile-menu{display:none}.cc-brand span{font-size:var(--text-xl);line-height:var(--leading-xl)}}header.cc-nav:has(+main>.cc-cover:first-child){inset-inline:0;background:0 0;position:absolute;top:0}header.cc-nav:has(+main>.cc-cover:first-child)+main>.cc-cover:first-child{padding-top:calc(var(--nav-height) + var(--space-8))}@media (width>=60rem){header.cc-nav:has(+main>.cc-cover:first-child)+main>.cc-cover:first-child{padding-top:calc(var(--nav-height) + var(--space-12))}}.cc-cover{isolation:isolate;align-items:center;gap:var(--space-6);padding:var(--space-8) var(--inset);background-image:linear-gradient(135deg, var(--b-bg) 0%, var(--b-accent) 100%);flex-direction:column;display:flex;position:relative;overflow:clip}.cc-cover--compact{padding-block:var(--space-8)}.cc-mesh{z-index:-1;background-color:var(--b-mesh-blush);background-image:radial-gradient(48% 46% at 22% 26%, var(--b-mesh-blush) 0%, #ffeaf200 70%), radial-gradient(52% 48% at 74% 22%, var(--b-mesh-blue) 0%, #99b4ef00 68%), radial-gradient(56% 52% at 68% 82%, var(--b-accent) 0%, #ffe88a00 70%), radial-gradient(60% 56% at 18% 78%, var(--b-bg) 0%, #f4bed300 72%);animation:26s ease-in-out infinite alternate cc-mesh-drift;position:absolute;inset:-20%}@keyframes cc-mesh-drift{0%{transform:scale(1)translate(0,0)}to{transform:scale(1.12)translate(2%,-2%)}}@media (prefers-reduced-motion:reduce){.cc-mesh{animation:none}}.cc-mesh.has-shader{background-image:none;animation:none;inset:0}.cc-mesh-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.cc-cover-copy{align-items:center;gap:var(--space-4);text-align:center;max-width:56rem;translate:0 var(--cc-parallax-copy,0px);flex-direction:column;display:flex;position:relative}.cc-cover-copy h1{font-size:clamp(3rem, 9vw, var(--text-cover));line-height:1;font-weight:var(--weight-bold)}.cc-cover-copy p{font-size:var(--text-body);line-height:var(--leading-body)}.cc-strip{justify-content:flex-start;gap:var(--space-6);width:100%;max-width:var(--shell);padding-block:var(--space-6);padding-inline:var(--inset);scroll-snap-type:x mandatory;scroll-padding-inline:var(--inset);scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;display:flex;position:relative;overflow-x:auto}.cc-strip::-webkit-scrollbar{display:none}.cc-strip .cc-frame{scroll-snap-align:center;flex:none;width:min(72%,22rem)}.cc-strip .cc-frame img{aspect-ratio:15/16}@media (width>=60rem){.cc-cover{padding-block:var(--space-8)}.cc-strip{gap:var(--space-8);scroll-snap-type:none;justify-content:center;padding-inline:0;overflow:visible}.cc-strip .cc-frame{scroll-snap-align:none;width:22%;max-width:none;translate:0 var(--cc-parallax,0px)}.cc-strip a.cc-frame:hover,.cc-strip a.cc-frame:focus-visible{translate:0 calc(-4px + var(--cc-parallax,0px))}}@media (prefers-reduced-motion:reduce){.cc-strip{scroll-snap-type:none}.cc-strip a.cc-frame:hover,.cc-strip a.cc-frame:focus-visible{translate:none}}.cc-heading{gap:var(--space-3);flex-direction:column;display:flex}.cc-heading h2{font-size:clamp(2rem, 6vw, var(--text-display));line-height:1.05}.cc-heading p{font-size:var(--text-body);line-height:var(--leading-body)}.cc-grid{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}@media (width>=60rem){.cc-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.cc-grid--pair{grid-template-columns:minmax(0,1fr)}@media (width>=48rem){.cc-grid--pair{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=60rem){.cc-grid--pair .cc-card img{aspect-ratio:2}}.cc-card{gap:var(--space-3);flex-direction:column;display:flex}.cc-card img{aspect-ratio:4/5}.cc-card-meta{gap:var(--space-1);flex-direction:column;display:flex}.cc-card-name{font-weight:var(--weight-demi)}.cc-card-cta{align-items:center;gap:var(--space-1);font-weight:var(--weight-demi);display:inline-flex}.cc-collection{gap:var(--space-8);flex-direction:column;display:flex}.cc-collection>.cc-pill,.cc-collection>.cc-btn,.cc-empty>.cc-btn{align-self:flex-start}.cc-order{align-items:flex-start;gap:var(--space-8);flex-direction:column;display:flex}.cc-order-copy{gap:var(--space-4);flex-direction:column;max-width:45rem;display:flex}.cc-order-copy h2{font-size:clamp(1.75rem, 5vw, var(--text-2xl));line-height:1.1;font-weight:var(--weight-demi)}@media (width>=60rem){.cc-order{flex-direction:row;justify-content:space-between;align-items:center}.cc-order .cc-btn{flex-shrink:0}}.cc-policies{gap:var(--space-8);flex-direction:column;display:flex}.cc-policy{gap:var(--space-2);flex-direction:column;display:flex}.cc-policy h2,.cc-policy h3{font-family:var(--b-ui);font-size:var(--text-body);line-height:var(--leading-body);font-weight:var(--weight-demi);letter-spacing:normal}@media (width>=60rem){.cc-policies{gap:var(--space-8);flex-direction:row}.cc-policy:first-child{width:40%}.cc-policy:last-child{flex:1}}.cc-footer{gap:var(--space-8);flex-direction:column;display:flex}.cc-footer-top{align-items:flex-start;gap:var(--space-8);flex-direction:column;display:flex}.cc-footer-top h2{color:var(--b-accent);font-size:clamp(3rem, 11vw, var(--text-cover));line-height:1}.cc-footer-note{padding:var(--space-6);border-radius:var(--b-radius);background:var(--b-bg);color:var(--b-ink);font-size:var(--text-lg);line-height:var(--leading-lg);font-weight:var(--weight-demi);rotate:-4deg}.cc-footer-note p{max-width:none}.cc-footer-mid{gap:var(--space-6);flex-direction:column;justify-content:space-between;display:flex}.cc-footer-nav{align-items:center;gap:var(--space-6);flex-wrap:wrap;display:flex}.cc-footer-base{gap:var(--space-3);font-size:var(--text-body);flex-wrap:wrap;justify-content:space-between;display:flex}@media (width>=60rem){.cc-footer-top{flex-direction:row;justify-content:space-between;align-items:center}.cc-footer-mid{flex-direction:row;align-items:center}}.cc-breadcrumb{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.cc-breadcrumb [aria-current]{font-weight:var(--weight-demi)}.cc-product{gap:var(--space-8);flex-direction:column;align-items:start;display:flex}.cc-gallery{gap:var(--space-4);padding:var(--space-4);border-radius:var(--b-radius);background:var(--b-accent);flex-direction:column;width:100%;display:flex}.cc-gallery-stage{border-radius:var(--b-radius);background:var(--b-white);aspect-ratio:3/4;position:relative;overflow:hidden}@media (width>=60rem){.cc-gallery-stage{aspect-ratio:1}}.cc-gallery-stage img{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity var(--duration-gallery) var(--ease-out);position:absolute;inset:0}.cc-gallery-stage img.is-current{opacity:1}.cc-thumbs{gap:var(--space-3);flex-wrap:wrap;display:flex}.cc-thumb{border-radius:var(--b-radius);background:var(--b-white);width:6rem;height:7rem;transition:border-color var(--duration-fast) var(--ease-out);border:2px solid #0000;flex-shrink:0;padding:0;overflow:hidden}.cc-thumb img{object-fit:cover;width:100%;height:100%}.cc-thumb[aria-pressed=true]{border-color:var(--b-ink)}.cc-thumb:hover{border-color:var(--b-ink-70)}.cc-gallery-bar{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.cc-gallery-bar .cc-link{min-height:var(--touch-target)}.cc-detail{gap:var(--space-6);width:100%;padding:var(--space-6);border-radius:var(--b-radius);background:var(--b-surface);color:var(--b-white);flex-direction:column;display:flex}.cc-detail-head{gap:var(--space-4);flex-direction:column;display:flex}.cc-detail-head h1{font-size:clamp(2.25rem, 7vw, var(--text-display));line-height:1.02}.cc-price{font-size:var(--text-xl);line-height:var(--leading-xl)}.cc-price s,.cc-card-price s{opacity:.75;margin-inline-end:var(--space-2)}.cc-stock{font-size:var(--text-xs);line-height:var(--leading-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;font-weight:var(--weight-demi)}.cc-stock--out{color:var(--b-danger)}.cc-detail p{max-width:62ch}.cc-status-tag{align-self:flex-start;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-sm);line-height:var(--leading-sm);font-weight:var(--weight-demi);letter-spacing:var(--tracking-label);text-transform:uppercase;border:2px solid;display:inline-flex}.cc-enquiry{gap:var(--space-4);flex-direction:column;display:flex}.cc-enquiry h2{font-family:var(--b-display);font-size:var(--text-xl);line-height:var(--leading-xl);font-weight:var(--weight-demi)}.cc-enquiry-text{padding:var(--space-4);border-radius:var(--space-2);background:var(--b-white);color:var(--b-ink);-webkit-user-select:all;user-select:all}.cc-enquiry-text p{max-width:none}.cc-fact{gap:var(--space-2);flex-direction:column;display:flex}.cc-fact dt,.cc-fact h3{font-family:var(--b-ui);font-size:var(--text-body);line-height:var(--leading-body);font-weight:var(--weight-demi);letter-spacing:normal}.cc-fact dd{margin:0}@media (width>=60rem){.cc-product{gap:var(--space-12);flex-direction:row}.cc-product>.cc-gallery{flex-shrink:0;width:52%}.cc-product>.cc-detail{flex:1 1 0;width:auto}}.cc-toolbar{gap:var(--space-3);flex-wrap:wrap;display:flex}.cc-chip{min-height:var(--touch-target);padding-inline:var(--space-4);border-radius:var(--radius-pill);border:2px solid var(--b-ink);color:var(--b-ink);font-weight:var(--weight-demi);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;align-items:center;display:inline-flex}.cc-chip input{opacity:0;pointer-events:none;position:absolute}.cc-chip:has(:checked){background:var(--b-ink);color:var(--b-white)}.cc-chip:has(:focus-visible){outline:var(--focus-width) solid var(--b-ink);outline-offset:var(--focus-offset)}.cc-empty{align-items:flex-start;gap:var(--space-4);padding:var(--space-8);border-radius:var(--b-radius);background:var(--b-white);flex-direction:column;display:flex}.cc-toast{left:50%;bottom:var(--space-6);z-index:var(--z-toast);max-width:min(32rem, calc(100vw - var(--space-8)));padding:var(--space-3) var(--space-6);border-radius:var(--radius-pill);background:var(--b-ink);color:var(--b-white);opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out), translate var(--duration-fast) var(--ease-out);position:fixed;translate:-50%}.cc-toast.is-visible{opacity:1;translate:-50% calc(-1 * var(--space-2))}.cc-toast[data-state=error]{background:var(--b-danger)}[data-reveal]{opacity:0;translate:0 var(--reveal-distance);transition:opacity var(--duration-reveal) var(--ease-out), translate var(--duration-reveal) var(--ease-out);transition-delay:var(--reveal-delay,0s)}[data-reveal].is-visible{opacity:1;translate:0}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transition:none;translate:none}}