/*! KESSLER — a six-page storefront for a small goods brand — © 2026 Hasib (OVERSHOOT). All rights reserved. Licensed, not sold: see LICENSE.md. */:root{--dur-xs: .12s;--dur-sm: .2s;--dur-md: .34s;--dur-lg: .56s;--dur-xl: .78s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-inout: cubic-bezier(.65, 0, .35, 1);--topbar-h: 33px}.motion [data-reveal]{opacity:0;transform:translateY(14px)}.motion [data-reveal].is-in{opacity:1;transform:none;transition:opacity var(--dur-md) var(--ease-out) var(--d, 0ms),transform var(--dur-md) var(--ease-out) var(--d, 0ms)}.motion [data-reveal=wipe],.motion [data-reveal=wipe-up]{opacity:1;transform:none;position:relative}.motion [data-reveal=wipe]:after,.motion [data-reveal=wipe-up]:after{content:"";position:absolute;inset:0;z-index:3;background:var(--color-bg);pointer-events:none;transition:transform var(--dur-xl) var(--ease-inout) var(--d, 0ms)}.motion [data-reveal=wipe]:after{transform-origin:right center}.motion [data-reveal=wipe].is-in:after{transform:scaleX(0)}.motion [data-reveal=wipe]>img{transform:scale(1.07)}.motion [data-reveal=wipe].is-in>img{transform:none;transition:transform 1.1s var(--ease-out) var(--d, 0ms)}.motion [data-reveal=wipe-up]:after{transform-origin:top center}.motion [data-reveal=wipe-up].is-in:after{transform:scaleY(0)}.scrub-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity var(--dur-lg) var(--ease-out)}.scrub-video.is-ready{opacity:1}.motion [data-reveal=rule]{opacity:1;transform:scaleX(0);transform-origin:left center}.motion [data-reveal=rule].is-in{transform:none;transition:transform var(--dur-lg) var(--ease-inout) var(--d, 0ms)}.motion [data-reveal=words]{opacity:1;transform:none}.motion .split-word{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}.motion .split-word>span{display:inline-block;transform:translateY(110%)}.motion [data-reveal=words].is-in .split-word>span{transform:none;transition:transform var(--dur-xl) var(--ease-out) calc(var(--i, 0) * 42ms)}.motion [data-reveal=group]{opacity:1;transform:none}.motion .rule-cell .rule-num,.motion .rule-cell p{opacity:0;transform:translateY(10px)}.motion .rule-cell.is-in .rule-num,.motion .rule-cell.is-in p{opacity:1;transform:none;transition:opacity var(--dur-md) var(--ease-out),transform var(--dur-md) var(--ease-out)}.motion .rule-cell.is-in .rule-num{transition-delay:calc(var(--d, 0ms) + .17s)}.motion .rule-cell.is-in p{transition-delay:calc(var(--d, 0ms) + .38s)}.motion .rule-cell.is-in h3 .split-word>span{transform:none;transition:transform var(--dur-xl) var(--ease-out) calc(var(--d, 0ms) + .25s + var(--i, 0) * 38ms)}.motion .faq details.is-in summary .split-word>span{transform:none;transition:transform var(--dur-lg) var(--ease-out) calc(var(--d, 0ms) + var(--i, 0) * 26ms)}.mainnav a{border-bottom:0;padding-bottom:4px;position:relative}.mainnav a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform var(--dur-sm) var(--ease-out)}.mainnav a:hover:after,.mainnav a:focus-visible:after,.mainnav a[aria-current=page]:after{transform:scaleX(1)}.btn{transition:background-color var(--dur-sm) var(--ease-out),border-color var(--dur-sm) var(--ease-out),color var(--dur-sm) var(--ease-out),transform var(--dur-xs) var(--ease-out)}.btn:active{transform:translateY(1px)}.ic-arrow{transition:transform var(--dur-sm) var(--ease-out)}.btn:hover .ic-arrow,a:hover>.ic-arrow{transform:translate(4px)}.iconbtn,.linkbtn,.sugg,.swatch,.size,.thumb,.pill,.check .box,.select{transition:background-color var(--dur-sm) var(--ease-out),border-color var(--dur-sm) var(--ease-out),color var(--dur-sm) var(--ease-out),outline-color var(--dur-sm) var(--ease-out)}.iconbtn:active,.swatch:active,.size:active,.thumb:active{transform:translateY(1px)}.prod-media .ph>img{transition:transform var(--dur-xl) var(--ease-out),filter var(--dur-md) linear}.prod:hover .prod-media .ph>img,.prod:focus-within .prod-media .ph>img{transform:scale(1.05)}.prod-name{transition:color var(--dur-sm) var(--ease-out)}.cat .ph>img{transition:filter var(--dur-md) linear}.cat-name{transition:color var(--dur-sm) var(--ease-out)}.quickview{transition:opacity var(--dur-sm) var(--ease-out),translate var(--dur-sm) var(--ease-out)}.site-head{transition:transform var(--dur-md) var(--ease-out);will-change:transform}.site-head.is-condensed{transform:translateY(calc(-1 * var(--topbar-h)))}.fly-to-bag{position:fixed;z-index:95;pointer-events:none;overflow:hidden;background:var(--color-neutral-200);box-shadow:var(--shadow-md);will-change:transform}.fly-to-bag img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08)}@keyframes bag-pop{0%{transform:scale(1)}38%{transform:scale(1.42)}to{transform:scale(1)}}.bagcount.is-bumped{animation:bag-pop .42s var(--ease-out)}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes qv-in{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}@keyframes srch-in{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}.motion .backdrop:not([hidden]){animation:overlay-in var(--dur-sm) var(--ease-out)}.motion .backdrop:not([hidden]) .qv-panel{animation:qv-in var(--dur-md) var(--ease-out)}.motion .backdrop:not([hidden]) .search-panel{animation:srch-in var(--dur-md) var(--ease-out)}.motion .undo:not([hidden]){animation:toast-in var(--dur-md) var(--ease-out)}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.motion #signup.is-sent{animation:overlay-in var(--dur-md) var(--ease-out)}.motion .confirm{animation:rise-in var(--dur-lg) var(--ease-out)}@keyframes rail-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.motion .rail.open{animation:rail-in var(--dur-md) var(--ease-out)}@keyframes pill-in{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:none}}.motion .activefilters .pill{animation:pill-in var(--dur-sm) var(--ease-out)}@keyframes frame-in{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}.motion .stage .ph{animation:frame-in var(--dur-md) var(--ease-out)}.thumb{transition:border-color var(--dur-sm) var(--ease-out),transform var(--dur-xs) var(--ease-out)}.acc summary{position:relative}.acc summary:after{content:"";width:11px;height:2px;flex:none;background:currentColor;color:var(--color-neutral-600)}.acc details[open] summary:after{content:""}.acc summary:before{content:"";position:absolute;right:4.5px;top:50%;width:2px;height:11px;margin-top:-5.5px;background:currentColor;color:var(--color-neutral-600);transition:transform var(--dur-md) var(--ease-out)}.acc details[open] summary:before{transform:scaleY(0)}.acc details::details-content{block-size:0;overflow:clip;transition:block-size var(--dur-md) var(--ease-out),content-visibility var(--dur-md) allow-discrete}.acc details[open]::details-content{block-size:calc-size(auto,size)}@keyframes acc-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.motion .acc details[open] .acc-body{animation:acc-in var(--dur-md) var(--ease-out)}@keyframes value-change{0%{opacity:.25;transform:translateY(-4px)}to{opacity:1;transform:none}}.motion .is-changed{animation:value-change var(--dur-md) var(--ease-out)}.motion .line.is-leaving{opacity:0;transform:translate(-18px);transition:opacity var(--dur-sm) var(--ease-out),transform var(--dur-sm) var(--ease-out);pointer-events:none}.step-num{transition:color var(--dur-md) var(--ease-out),transform var(--dur-md) var(--ease-out)}.checkout-form:focus-within .step:not(:focus-within) .step-num{color:var(--color-neutral-500)}.checkout-form .step:focus-within .step-num{transform:scale(1.18);transform-origin:left center}.input,.select,.ship-opt{transition:border-color var(--dur-sm) var(--ease-out),background-color var(--dur-sm) var(--ease-out)}.ship-opt .dot{transition:border-color var(--dur-sm) var(--ease-out),background-color var(--dur-sm) var(--ease-out),box-shadow var(--dur-sm) var(--ease-out)}@keyframes status-breathe{0%,to{opacity:1}50%{opacity:.62}}.motion .status-live{animation:status-breathe 3.4s var(--ease-inout) infinite}.side a{transition:color var(--dur-sm) var(--ease-out),border-color var(--dur-sm) var(--ease-out)}.order .btn{transition:background-color var(--dur-sm) var(--ease-out),border-color var(--dur-sm) var(--ease-out),transform var(--dur-xs) var(--ease-out)}.motion .rule-cell .ic{stroke-dasharray:1;stroke-dashoffset:1}.motion .rule-cell.is-in .ic{stroke-dashoffset:0;transition:stroke-dashoffset .9s var(--ease-inout) calc(var(--d, 0ms) + .14s)}.motion .cells-drawn>*:before{transform:scaleX(0);transform-origin:left center}.motion .cells-drawn>*.is-in:before{transform:scaleX(1);transition:transform var(--dur-lg) var(--ease-inout) var(--d, 0ms)}.motion .deal[data-reveal]>*{transform:translateY(100%)}.motion .deal[data-reveal].is-in>*{transform:none;transition:transform var(--dur-xl) var(--ease-out) var(--d, 0ms)}.motion .faq .acc details:after{transform:scaleX(0);transform-origin:left center}.motion .faq .acc details.is-in:after{transform:scaleX(1);transition:transform var(--dur-lg) var(--ease-inout) calc(var(--d, 0ms) + 80ms)}@view-transition{navigation:auto}::view-transition-old(root){animation-duration:var(--dur-sm)}::view-transition-new(root){animation-duration:var(--dur-md)}@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}}@media(prefers-reduced-motion:reduce){.site-head{will-change:auto}}