/** Shopify CDN: Minification failed

Line 18:0 All "@import" rules must come first

**/
/* Wakeman referral theme. Colors and page width come from theme settings via css-variables.liquid. */
:root{
  --wk-white:#fff; --wk-mist:#F4F6F5; --wk-mist-2:#EAEEEC; --wk-line:#DDE3E1; --wk-line-2:#C6CFCC;
  --wk-muted:#5C6462; --wk-sale:#C62828; --wk-success:#2E7D32;
  --wk-display:'Saira',system-ui,-apple-system,'Segoe UI',sans-serif;
  --wk-body:'Figtree',system-ui,-apple-system,'Segoe UI',sans-serif;
  --fs-eyebrow:.6875rem; --fs-xs:.75rem; --fs-sm:.8125rem; --fs-base:.9375rem;
  --fs-lg:1.0625rem; --fs-xl:1.375rem; --fs-2xl:1.75rem; --fs-3xl:2.25rem; --fs-4xl:3rem;
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;
  --r-sm:3px;--r-md:6px;--r-lg:10px;--r-pill:999px;
  --sh-1:0 1px 2px rgba(35,31,32,.08); --sh-2:0 2px 10px rgba(35,31,32,.10); --sh-3:0 12px 36px rgba(35,31,32,.16);
}
@import url('https://fonts.googleapis.com/css2?family=Saira:ital,wght@0,700;0,800;1,800&family=Figtree:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--wk-body);font-size:var(--fs-base);line-height:1.5;color:var(--wk-ink);background:#fff;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit;color:inherit}
h1,h2,h3{font-family:var(--wk-display);font-weight:800;letter-spacing:-.015em;margin:0;line-height:1.06}
p{margin:0 0 var(--sp-3)}
:focus-visible{outline:3px solid var(--wk-blue);outline-offset:2px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--sp-5)}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-9999px;top:0;background:var(--wk-ink);color:#fff;padding:10px 16px;z-index:999}
.skip:focus{left:8px;top:8px}
.rte h2,.rte h3{margin:var(--sp-5) 0 var(--sp-2)}
.rte ul{padding-left:20px}
.rte p{margin-bottom:var(--sp-4);line-height:1.62}

.sunrule{height:4px;background:var(--wk-sunrise);border:0;margin:0}
.sunrule--short{width:56px;height:5px;border-radius:2px;margin:var(--sp-3) 0}
.eyebrow{font-family:var(--wk-display);font-weight:700;font-size:var(--fs-eyebrow);letter-spacing:.14em;text-transform:uppercase;color:var(--wk-muted);display:block}
.eyebrow--light{color:rgba(255,255,255,.72)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--wk-display);font-weight:700;font-size:var(--fs-sm);letter-spacing:.04em;text-transform:uppercase;padding:13px 22px;border-radius:var(--r-md);border:2px solid transparent;cursor:pointer;min-height:46px;transition:background .15s,color .15s,border-color .15s}
.btn--primary{background:var(--wk-blue);color:#fff}
.btn--primary:hover{background:var(--wk-blue-dk)}
.btn--secondary{background:#fff;color:var(--wk-ink);border-color:var(--wk-ink)}
.btn--secondary:hover{background:var(--wk-ink);color:#fff}
.btn--onink{background:#fff;color:var(--wk-ink)}
.btn--onink:hover{background:var(--wk-sun-y)}
.btn--ghost-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.btn--ghost{background:none;border:0;color:var(--wk-blue);text-decoration:underline;text-underline-offset:3px;padding:8px 4px;min-height:0}
.btn--sm{padding:9px 14px;min-height:38px;font-size:var(--fs-xs)}
.btn--block{width:100%}
.badge{display:inline-flex;align-items:center;font-family:var(--wk-display);font-weight:700;font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;border-radius:var(--r-sm);background:var(--wk-mist-2)}
.badge--sale{background:var(--wk-sale);color:#fff}

/* header */
.announce{font-size:var(--fs-xs)}
.announce__in{display:flex;justify-content:center;gap:var(--sp-4);min-height:36px;align-items:center;text-align:center}
.announce b{font-family:var(--wk-display);text-transform:uppercase;letter-spacing:.08em;font-size:var(--fs-eyebrow)}
.site-head{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid var(--wk-line)}
.site-head[data-sticky="false"]{position:static}
.head-main{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--sp-5);padding:var(--sp-4) 0}
.logo__text{font-family:var(--wk-display);font-weight:800;font-style:italic;text-transform:uppercase;font-size:var(--fs-xl)}
.searchbar{position:relative;max-width:620px;width:100%;justify-self:end}
.searchbar input{width:100%;padding:13px 46px 13px 16px;border:2px solid var(--wk-ink);border-radius:var(--r-md)}
.searchbar button{position:absolute;right:4px;top:4px;bottom:4px;width:42px;border:0;background:var(--wk-ink);color:#fff;border-radius:var(--r-sm);display:grid;place-items:center;cursor:pointer}
.searchbar--page{max-width:none;margin:var(--sp-4) 0 var(--sp-5)}
.searchbar svg{width:19px;height:19px}
.icon-btn{background:none;border:0;cursor:pointer;padding:6px;border-radius:var(--r-md);display:grid;place-items:center}
.icon-btn svg{width:22px;height:22px}
.burger{display:none}
.navbar{border-top:1px solid var(--wk-line);position:relative}
.nav{display:flex;gap:var(--sp-1);list-style:none;margin:0;padding:0;justify-content:center;flex-wrap:wrap}
.nav>li{position:static}
.nav>li>a{display:flex;align-items:center;padding:12px 14px;font-family:var(--wk-display);font-weight:700;font-size:var(--fs-sm);letter-spacing:.05em;text-transform:uppercase;position:relative}
.nav>li>a::after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:4px;background:var(--wk-sunrise);opacity:0;transition:opacity .15s}
.nav>li>a:hover::after,.nav>li>a[aria-current]::after{opacity:1}
.mega{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--wk-line);border-bottom:3px solid var(--wk-ink);box-shadow:var(--sh-3);z-index:55;display:none}
.nav>li:hover>.mega,.nav>li:focus-within>.mega{display:block}
.mega::before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px}
.mega__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--sp-6);padding:var(--sp-6) var(--sp-5);align-items:start}
.mega__col{min-width:0}
.mega__h{font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--sp-3);padding-bottom:var(--sp-2);border-bottom:2px solid var(--wk-ink)}
.mega__h a:hover{color:var(--wk-blue)}
.mega ul{list-style:none;margin:0;padding:0}
.mega li a{display:block;padding:6px 0;font-size:var(--fs-sm)}
.mega li a:hover{color:var(--wk-blue);text-decoration:underline}
.mega__feature{background:var(--wk-mist);border-radius:var(--r-lg);padding:var(--sp-4);display:flex;flex-direction:column;gap:6px;max-width:260px}
.mega__feature-img{display:block;aspect-ratio:1/1;background:#fff;border-radius:var(--r-md);overflow:hidden}
.mega__feature-img img{width:100%;height:100%;object-fit:contain;padding:var(--sp-3);mix-blend-mode:multiply}
.mega__feature b{font-size:var(--fs-sm);line-height:1.3}
.mega__feature-p{font-family:var(--wk-display);font-weight:800;font-size:var(--fs-base)}
.mininav__group{display:block;font-family:var(--wk-display);font-weight:700;font-size:var(--fs-eyebrow);letter-spacing:.14em;text-transform:uppercase;color:var(--wk-muted);padding:var(--sp-4) 0 4px}

/* drawers */
.scrim{position:fixed;inset:0;background:rgba(35,31,32,.5);z-index:90;opacity:0;pointer-events:none;transition:opacity .2s}
.scrim.is-on{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;bottom:0;left:0;width:min(340px,88%);background:#fff;z-index:95;transform:translateX(-100%);transition:transform .22s ease;display:flex;flex-direction:column}
.drawer.is-on{transform:none}
.drawer__head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4);border-bottom:1px solid var(--wk-line)}
.drawer__title{font-family:var(--wk-display);font-weight:800;text-transform:uppercase;font-size:var(--fs-xl)}
.drawer__body{flex:1;overflow-y:auto;padding:var(--sp-4)}
.mininav a{display:block;padding:13px 0;border-bottom:1px solid var(--wk-line);font-family:var(--wk-display);font-weight:700;text-transform:uppercase;font-size:var(--fs-base);letter-spacing:.04em}
.mininav .sub-a{font-family:var(--wk-body);font-weight:400;text-transform:none;font-size:var(--fs-sm);padding:9px 0 9px 14px;letter-spacing:0}

/* sections */
.sec{padding:var(--sp-8) 0}
.sec--mist{background:var(--wk-mist)}
.sec__head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-3) var(--sp-5);margin-bottom:var(--sp-5);flex-wrap:wrap}
.sec__head>div:first-child{flex:1 1 340px;min-width:0}
.sec__h{font-size:var(--fs-3xl);text-transform:uppercase;font-style:italic;text-wrap:balance}
.sec__sub{color:var(--wk-muted);font-size:var(--fs-sm);margin-top:6px;max-width:46ch}
.sec--ink .sec__sub{color:rgba(255,255,255,.72)}
.sec__empty{color:var(--wk-muted);font-style:italic}
.rich{padding:var(--sp-2) 0}
.rich--narrow{max-width:70ch}
.rich--wide{max-width:var(--wrap)}
.rich--wide .rich__h{max-width:34ch}
.rich--wide .rich__body{columns:2;column-gap:var(--sp-8);margin-top:var(--sp-4)}
.rich--wide .rich__body p{break-inside:avoid}
@media (max-width:860px){.rich--wide .rich__body{columns:1}}
.rich__h{font-size:var(--fs-3xl);text-transform:uppercase;font-style:italic;margin-bottom:var(--sp-3)}
.rich__body{font-size:var(--fs-lg);line-height:1.55}

/* hero */
.hero{color:#fff;overflow:hidden}
.hero__grid{display:grid;grid-template-columns:.9fr 1.25fr;gap:var(--sp-6);align-items:center;padding:var(--sp-8) 0}
.hero__h{font-size:var(--fs-4xl);font-style:italic;text-transform:uppercase;line-height:.92}
.hero__em{display:block;font-family:var(--wk-display);font-weight:800;font-style:italic;text-transform:uppercase;font-size:var(--fs-4xl);line-height:.92;color:var(--wk-sun-y)}
.hero__lede{font-size:var(--fs-lg);color:rgba(255,255,255,.84);max-width:46ch;margin-top:var(--sp-4)}
.hero__cta{display:flex;gap:var(--sp-3);flex-wrap:wrap;margin-top:var(--sp-5)}
.scene{position:relative;margin:0;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-3);line-height:0;aspect-ratio:16/9;background:var(--wk-mist)}
.scene__img{width:100%;height:100%;object-fit:cover}
.scene__ph{width:100%;height:100%;background:var(--wk-mist-2)}
.hot{position:absolute;width:34px;height:34px;transform:translate(-50%,-50%);z-index:3;display:grid;place-items:center}
.hot__dot{width:14px;height:14px;border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 0 0 1.5px rgba(35,31,32,.55),0 1px 6px rgba(0,0,0,.4);transition:transform .18s,background .18s}
.hot:hover .hot__dot,.hot:focus-visible .hot__dot{transform:scale(1.25);background:var(--wk-sun-y)}
.hot__pop{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(4px);background:#fff;color:var(--wk-ink);border-radius:var(--r-md);padding:8px 11px;min-width:150px;max-width:210px;box-shadow:var(--sh-3);opacity:0;pointer-events:none;transition:opacity .16s,transform .16s;line-height:1.25;text-align:left}
.hot__pop b{display:block;font-size:var(--fs-xs);font-weight:600}
.hot__p{font-family:var(--wk-display);font-weight:800;font-size:var(--fs-sm);display:block;margin-top:3px}
.hot:hover .hot__pop,.hot:focus-visible .hot__pop{opacity:1;transform:translateX(-50%) translateY(0)}
.hot--flip .hot__pop{left:auto;right:-6px;transform:translateY(4px)}
.hot--flip:hover .hot__pop{transform:translateY(0)}

/* tiles */
.cats{display:grid;gap:var(--sp-3)}
.cats--2{grid-template-columns:repeat(2,1fr)} .cats--3{grid-template-columns:repeat(3,1fr)}
.cats--4{grid-template-columns:repeat(4,1fr)} .cats--5{grid-template-columns:repeat(5,1fr)}
.cat-tile{border:1px solid var(--wk-line);border-radius:var(--r-lg);overflow:hidden;background:#fff;display:block;transition:transform .15s,box-shadow .15s}
.cat-tile:hover{transform:translateY(-3px);box-shadow:var(--sh-2)}
.cat-tile__img{display:block;aspect-ratio:4/3;overflow:hidden;background:#fff;border-bottom:1px solid var(--wk-line)}
.cat-tile__img img{width:100%;height:100%;object-fit:contain;padding:var(--sp-4);mix-blend-mode:multiply}
.cat-tile__body{display:block;background:var(--wk-mist);padding:var(--sp-3) var(--sp-4) var(--sp-4);border-top:4px solid var(--wk-sun-o)}
.cat-tile__h{font-family:var(--wk-display);font-weight:800;font-style:italic;text-transform:uppercase;font-size:var(--fs-lg);display:block}
.cat-tile__n{font-size:var(--fs-xs);color:var(--wk-muted);display:block;margin-top:2px}

/* product cards */
.grid-prod{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4)}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3*var(--sp-4))/4);gap:var(--sp-4);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--sp-3)}
.rail>*{scroll-snap-align:start}
.card{background:#fff;border:1px solid var(--wk-line);border-radius:var(--r-lg);display:flex;flex-direction:column;overflow:hidden;position:relative}
.card:hover{box-shadow:var(--sh-2)}
.card__media{position:relative;display:block;aspect-ratio:1/1;background:#fff}
.card__media img{width:100%;height:100%;object-fit:contain;padding:var(--sp-4);mix-blend-mode:multiply}
.card__ph{display:block;width:100%;height:100%;background:var(--wk-mist)}
.card__flag{position:absolute;top:8px;left:8px;z-index:2}
.card__body{padding:var(--sp-3) var(--sp-4) var(--sp-4);display:flex;flex-direction:column;gap:6px;flex:1}
.card__title{font-size:var(--fs-sm);font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.card__sub{font-size:var(--fs-xs);color:var(--wk-muted)}
.card--article{padding:var(--sp-4)}
.price{font-family:var(--wk-display);font-weight:800;font-size:var(--fs-lg);display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:auto}
.price__from{font-family:var(--wk-body);font-weight:500;font-size:var(--fs-xs);color:var(--wk-muted)}
.price__was{font-family:var(--wk-body);font-weight:400;font-size:var(--fs-sm);color:var(--wk-muted)}
.stars{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-xs);color:var(--wk-muted)}
.stars__set{position:relative;display:inline-block;line-height:0;white-space:nowrap}
.stars__layer{display:inline-flex;gap:1px;line-height:0}
.stars__layer svg{width:15px;height:15px;flex:none}
.stars__layer--base svg{fill:var(--wk-mist-2)}
.stars__layer--fill{position:absolute;left:0;top:0;overflow:hidden}
.stars__layer--fill svg{fill:var(--wk-sun-o)}
.stars__text{white-space:nowrap}

/* collection */
.coll-hero{color:#fff}
.coll-hero__in{padding:var(--sp-7) 0;max-width:70ch}
.coll-hero__h{font-size:var(--fs-4xl);text-transform:uppercase;font-style:italic}
.coll-hero__d{color:rgba(255,255,255,.82);margin-top:var(--sp-3)}
.crumbs{font-size:var(--fs-xs);color:var(--wk-muted);padding:var(--sp-3) 0}
.crumbs--light{color:rgba(255,255,255,.7)}
.crumbs a:hover{text-decoration:underline}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4) 0;flex-wrap:wrap}
.toolbar select{padding:10px 12px;border:1px solid var(--wk-line-2);border-radius:var(--r-md);background:#fff}
.count{font-size:var(--fs-sm);color:var(--wk-muted)}
.coll-layout{display:grid;grid-template-columns:250px 1fr;gap:var(--sp-6);align-items:start;padding-bottom:var(--sp-8)}
.filters{position:sticky;top:150px}
.fgroup{border-bottom:1px solid var(--wk-line);padding:var(--sp-4) 0}
.fgroup summary{font-family:var(--wk-display);font-weight:700;font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.05em;cursor:pointer}
.fgroup__body{padding-top:var(--sp-3);display:flex;flex-direction:column;gap:9px}
.fopt{display:flex;gap:9px;align-items:center;font-size:var(--fs-sm);cursor:pointer}
.fopt .n{color:var(--wk-muted);font-size:var(--fs-xs);margin-left:auto}
.chips{display:flex;gap:var(--sp-2);flex-wrap:wrap;padding:var(--sp-4) 0}
.chip{border:1px solid var(--wk-line-2);background:#fff;border-radius:var(--r-pill);padding:8px 15px;font-size:var(--fs-sm);white-space:nowrap}
.chip.is-on{background:var(--wk-ink);color:#fff;border-color:var(--wk-ink)}
.pager{display:flex;gap:var(--sp-4);align-items:center;justify-content:center;padding:var(--sp-6) 0;font-size:var(--fs-sm)}
.empty{text-align:center;padding:var(--sp-8) var(--sp-4);border:1px dashed var(--wk-line-2);border-radius:var(--r-lg);background:var(--wk-mist);margin:var(--sp-6) 0}
.empty h1,.empty h2{font-size:var(--fs-2xl);text-transform:uppercase;margin-bottom:var(--sp-3)}
.empty p{color:var(--wk-muted);max-width:52ch;margin:0 auto var(--sp-4)}
.empty--cart{max-width:70ch;margin:var(--sp-8) auto}
.page__h{font-size:var(--fs-3xl);text-transform:uppercase;font-style:italic;margin-top:var(--sp-3)}
.page__body{max-width:70ch;padding-bottom:var(--sp-8)}

/* pdp */
.pdp{display:grid;grid-template-columns:1.05fr 1fr;gap:var(--sp-7);align-items:start;padding-bottom:var(--sp-7)}
.gal{position:sticky;top:150px}
.gal__main{background:#fff;border:1px solid var(--wk-line);border-radius:var(--r-lg);aspect-ratio:1/1;display:grid;place-items:center;padding:var(--sp-5)}
.gal__main img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.gal__thumbs{display:flex;gap:8px;margin-top:var(--sp-3);overflow-x:auto}
.gal__thumb{border:2px solid var(--wk-line);background:#fff;border-radius:var(--r-md);padding:4px;cursor:pointer;width:74px;flex:none;aspect-ratio:1/1}
.gal__thumb.is-on{border-color:var(--wk-ink)}
.gal__thumb img{width:100%;height:100%;object-fit:contain}
.pdp__h{font-size:var(--fs-2xl);line-height:1.12}
.pdp__meta{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:10px}
.pricenote{font-size:var(--fs-xs);color:var(--wk-muted);margin:8px 0 0}
.opt{margin:var(--sp-4) 0}
.opt__label{font-family:var(--wk-display);font-weight:700;font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}
.opt__row{display:flex;gap:8px;flex-wrap:wrap}
.opt__btn{border:2px solid var(--wk-line-2);background:#fff;border-radius:var(--r-md);padding:9px 14px;font-size:var(--fs-sm);min-height:42px;display:inline-flex;align-items:center}
.opt__btn.is-on{border-color:var(--wk-ink);background:var(--wk-mist)}
.buybox{margin:var(--sp-4) 0}
.alsoat{margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--wk-line)}
.alsoat__lbl{font-family:var(--wk-display);font-weight:700;font-size:var(--fs-eyebrow);letter-spacing:.14em;text-transform:uppercase;color:var(--wk-muted);display:block;margin-bottom:10px}
.alsoat__marks{display:flex;gap:8px;flex-wrap:wrap}
.rmark{display:inline-flex;align-items:center;height:34px;padding:0 13px;border:1px solid var(--wk-line);border-radius:var(--r-md);background:#fff;font-family:var(--wk-display);font-weight:800;font-size:var(--fs-xs);letter-spacing:-.01em;white-space:nowrap;color:var(--wk-ink)}
.rmark--walmart{color:#0071CE}
.rmark--the-home-depot{color:#F96302}
.rmark--lowe-s,.rmark--lowes{color:#004990}
.rmark--target{color:#CC0000}
.rmark--wayfair{color:#7F187F}
.icon-row{display:flex;gap:var(--sp-4);flex-wrap:wrap;margin:var(--sp-5) 0;padding:var(--sp-4) 0;border-top:1px solid var(--wk-line);border-bottom:1px solid var(--wk-line)}
.ic{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-xs);font-weight:600}
.ic svg{width:22px;height:22px;color:var(--wk-green)}
.acc{border-bottom:1px solid var(--wk-line)}
.acc summary{padding:var(--sp-4) 0;cursor:pointer;font-family:var(--wk-display);font-weight:700;font-size:var(--fs-base);text-transform:uppercase;letter-spacing:.03em}
.acc__body{padding:0 0 var(--sp-4);font-size:var(--fs-sm)}
.benefits{list-style:none;padding-left:0;margin:0}
.benefits li{position:relative;padding-left:20px;line-height:1.5;margin-bottom:8px}
.benefits li::before{content:"";position:absolute;left:0;top:.55em;width:9px;height:9px;border-radius:2px;background:var(--wk-sunrise)}
.spec{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}
.spec td{padding:9px 0;border-bottom:1px solid var(--wk-line);vertical-align:top}
.spec td:first-child{color:var(--wk-muted);width:44%}
.trustrow{display:grid;grid-template-columns:1fr 1.15fr;gap:var(--sp-4);align-items:stretch}
.ratingcard{background:#fff;border:1px solid var(--wk-line);border-radius:var(--r-lg);padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-3)}
.ratingcard__score{display:flex;gap:var(--sp-4);align-items:center}
.ratingcard__num{font-family:var(--wk-display);font-weight:800;font-style:italic;font-size:4rem;line-height:.9}
.ratingcard__count{font-family:var(--wk-display);font-weight:700;font-size:var(--fs-lg);margin-top:6px}
.sincecard{position:relative;overflow:hidden;background:var(--wk-ink);color:#fff;border-radius:var(--r-lg)}
.sincecard::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--wk-sunrise)}
.sincecard__in{padding:var(--sp-5)}
.sincecard__year{display:flex;align-items:baseline;gap:10px;margin:12px 0 10px}
.sincecard__year span{font-family:var(--wk-display);font-weight:700;font-size:var(--fs-sm);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.sincecard__year b{font-family:var(--wk-display);font-weight:800;font-style:italic;font-size:3.25rem;line-height:.85;background:var(--wk-sunrise);-webkit-background-clip:text;background-clip:text;color:transparent}
.sincecard__h{font-size:var(--fs-xl);text-transform:uppercase;font-style:italic;margin-bottom:8px}
.sincecard p{font-size:var(--fs-sm);color:rgba(255,255,255,.8);max-width:52ch}

/* where it works + scale drawing */
.two{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-7);align-items:center}
.sec__h--sm{font-size:var(--fs-2xl);margin:10px 0 12px}
.where__body{color:var(--wk-muted);font-size:var(--fs-sm)}
.sizecard{background:#fff;border:1px solid var(--wk-line);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--sh-1)}
.sd{display:flex;align-items:flex-end;gap:var(--sp-6);min-height:230px;border-bottom:2px solid var(--wk-line);padding:0 var(--sp-2) var(--sp-3);margin-top:var(--sp-4);overflow-x:auto}
.sd__col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;text-align:center;flex:0 0 auto}
.sd__figure{display:flex;flex-direction:column;align-items:center;width:34px}
.sd__head{width:17px;height:17px;border-radius:50%;background:var(--wk-line-2);margin-bottom:3px}
.sd__torso{width:26px;height:58px;border-radius:9px 9px 4px 4px;background:var(--wk-line-2)}
.sd__legs{width:24px;height:82px;background:linear-gradient(90deg,var(--wk-line-2) 0 10px,transparent 10px 14px,var(--wk-line-2) 14px 24px);border-radius:0 0 4px 4px;margin-top:2px}
.sd__bar{display:block}
.sd__bar--open{width:104px;background:var(--wk-ink);border-radius:3px;border-top:4px solid var(--wk-sun-o)}
.sd__bar--packed{width:86px;border:2px dashed var(--wk-green);border-radius:3px;background:rgba(86,186,72,.06)}
.sd__lbl{font-family:var(--wk-display);font-weight:700;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.sd__lbl--g{color:var(--wk-green)}
.sd__cap{font-size:11px;color:var(--wk-muted);max-width:150px;line-height:1.3}
.sizecard__facts{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3);margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--wk-line)}
.sizecard__facts div{display:flex;flex-direction:column}
.sizecard__facts b{font-family:var(--wk-display);font-weight:800;font-size:var(--fs-lg);line-height:1.1}
.sizecard__facts span{font-size:var(--fs-xs);color:var(--wk-muted);margin-top:2px}
.faq{list-style:none;padding:0;margin:0}
.faq li{margin-bottom:10px;line-height:1.5}
/* comparison */
.cmp-scroll{overflow-x:auto}
.cmp{width:100%;border-collapse:collapse;font-size:var(--fs-sm);background:#fff;min-width:620px;border:1px solid var(--wk-line)}
.cmp th,.cmp td{border:1px solid var(--wk-line);padding:11px;text-align:left;vertical-align:top}
.cmp thead th{background:var(--wk-mist);font-family:var(--wk-display);text-transform:uppercase;font-size:var(--fs-xs);letter-spacing:.06em}
.cmp .is-this{background:#F0F7EE;font-weight:600}
/* ladder + value props */
.ladder{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3)}
.rung{border:1px solid var(--wk-line);border-radius:var(--r-lg);padding:var(--sp-5);background:#fff;display:flex;flex-direction:column;gap:var(--sp-2)}
.rung--us{background:var(--wk-ink);color:#fff;border-color:var(--wk-ink);position:relative;overflow:hidden}
.rung--us::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--wk-sunrise)}
.rung__tier{font-family:var(--wk-display);font-weight:700;font-size:var(--fs-eyebrow);letter-spacing:.14em;text-transform:uppercase;color:var(--wk-muted)}
.rung--us .rung__tier{color:var(--wk-sun-y)}
.rung__h{font-size:var(--fs-lg);text-transform:uppercase;font-style:italic}
.rung p{font-size:var(--fs-sm);color:var(--wk-muted);margin:0}
.rung--us p{color:rgba(255,255,255,.82)}
.vps{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-5)}
.vp{display:flex;gap:var(--sp-3);align-items:flex-start}
.vp svg{width:34px;height:34px;flex:none;color:var(--wk-sun-y)}
.vp__h{font-size:var(--fs-base);text-transform:uppercase}
.vp p{font-size:var(--fs-sm);color:rgba(255,255,255,.78);margin:4px 0 0}

/* feature band - breaks up consecutive white sections */
.band{padding:0!important;position:relative}
.band__in{display:grid;grid-template-columns:1.15fr 1fr;gap:var(--sp-6);align-items:center;padding:var(--sp-7) var(--sp-5)}
.band__h{font-size:var(--fs-2xl);text-transform:uppercase;font-style:italic;margin:10px 0 10px;text-wrap:balance}
.band__body{color:rgba(255,255,255,.78);font-size:var(--fs-sm);max-width:52ch;margin-bottom:var(--sp-4)}
.band__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:var(--sp-3)}
.band__stat{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.2);border-radius:var(--r-lg);padding:var(--sp-4);display:flex;flex-direction:column;gap:4px;transition:background .15s,transform .15s}
a.band__stat:hover{background:rgba(255,255,255,.14);transform:translateY(-2px)}
.band__stat b{font-family:var(--wk-display);font-weight:800;font-style:italic;text-transform:uppercase;font-size:var(--fs-lg);line-height:1.05}
.band__stat span{font-size:var(--fs-xs);color:rgba(255,255,255,.72);line-height:1.3}
@media (max-width:860px){.band__in{grid-template-columns:1fr;gap:var(--sp-5);padding:var(--sp-6) var(--sp-4)}}

/* email + footer */
.sec--sunrise{background:var(--wk-sunrise)!important;color:var(--wk-ink)!important;padding:var(--sp-6) 0!important}
.sec--sunrise .sec__h{color:var(--wk-ink)}
.sec--sunrise .email__body{color:rgba(35,31,32,.78)}
.sec--sunrise .field-note{color:rgba(35,31,32,.7)}
.sec--sunrise input{border-color:var(--wk-ink)}
.sec--sunrise .btn--onink{background:var(--wk-ink);color:#fff}
.sec--sunrise .btn--onink:hover{background:#000}
.email{display:grid;grid-template-columns:1fr auto;gap:var(--sp-5);align-items:center}
.email form{display:flex;gap:var(--sp-2);flex-wrap:wrap}
.email input,.foot__signup input{padding:13px 16px;border-radius:var(--r-md);border:2px solid #fff;min-width:260px}
.email__body{color:rgba(255,255,255,.78)}
.field-note{font-size:var(--fs-xs);color:rgba(255,255,255,.7);margin-top:8px;width:100%}
.foot{background:var(--wk-ink);color:#fff;padding-top:0}
.foot__grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:var(--sp-5) var(--sp-6);padding:var(--sp-6) 0 var(--sp-5)}
.foot__h{font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--sp-3)}
.foot ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.foot a{font-size:var(--fs-sm);color:rgba(255,255,255,.78)}
.foot a:hover{color:#fff;text-decoration:underline}
.foot__logo{height:42px;width:auto;margin-bottom:var(--sp-3)}
.foot__blurb{font-size:var(--fs-sm);color:rgba(255,255,255,.75);max-width:36ch}
.foot__signup{margin-top:var(--sp-3)}
.foot__signup form{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.foot__signup input{border:0;min-width:200px;flex:1}
.tmg{margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid rgba(255,255,255,.16)}
.tmg img{height:46px;width:auto;max-width:100%;opacity:.95}
.tmg a:hover img{opacity:1}
.foot__bot{border-top:1px solid rgba(255,255,255,.16);padding:var(--sp-3) 0;display:flex;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;font-size:var(--fs-xs);color:rgba(255,255,255,.6)}

/* guides */
.gcards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4);padding-bottom:var(--sp-8)}
.gcards--2{grid-template-columns:repeat(2,1fr)}
.gcards--3{grid-template-columns:repeat(3,1fr)}
.gcards--4{grid-template-columns:repeat(4,1fr)}
.sec .gcards{padding-bottom:0}
.gcard{background:#fff;border:1px solid var(--wk-line);border-radius:var(--r-lg);padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-2);border-top:4px solid var(--wk-sun-o);transition:transform .15s,box-shadow .15s}
.gcard:hover{transform:translateY(-3px);box-shadow:var(--sh-2)}
.gcard__act{font-family:var(--wk-display);font-weight:700;font-size:var(--fs-eyebrow);letter-spacing:.12em;text-transform:uppercase;color:var(--wk-muted)}
.gcard__h{font-family:var(--wk-display);font-weight:800;font-size:var(--fs-lg);line-height:1.15}
.gcard p{font-size:var(--fs-sm);color:var(--wk-muted);margin:0}
.gcard__meta{margin-top:auto;padding-top:var(--sp-3);display:flex;justify-content:space-between;font-size:var(--fs-xs);color:var(--wk-muted);border-top:1px solid var(--wk-mist-2)}
.gcard__go{font-family:var(--wk-display);font-weight:700;text-transform:uppercase;color:var(--wk-blue)}
.guide{max-width:720px;margin:0 auto;padding-bottom:var(--sp-8)}
.guide__h{font-size:var(--fs-3xl);line-height:1.08;letter-spacing:-.02em}
.guide__dek{font-size:var(--fs-lg);color:var(--wk-muted);line-height:1.45}
.guide__img{aspect-ratio:16/9;overflow:hidden;border-radius:var(--r-lg);margin:var(--sp-5) 0}
.guide__img img{width:100%;height:100%;object-fit:cover}
.guide__body h2{font-size:var(--fs-xl);margin:var(--sp-6) 0 var(--sp-3)}
.guide__body p{font-size:1.0625rem;line-height:1.62;max-width:68ch}
.password{max-width:460px;margin:var(--sp-8) auto;text-align:center}
.password input{width:100%;padding:12px;border:2px solid var(--wk-line-2);border-radius:var(--r-md);margin-bottom:var(--sp-3)}

@media (max-width:1200px){.mega__grid{grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:var(--sp-5)}.mega__feature{display:none}}
@media (max-width:1100px){
  .cats--4,.cats--5{grid-template-columns:repeat(3,1fr)}
  .grid-prod{grid-template-columns:repeat(3,1fr)}
  .rail{grid-auto-columns:calc((100% - 2*var(--sp-4))/3)}
  .vps,.ladder,.gcards{grid-template-columns:repeat(2,1fr)}
  .pdp,.trustrow,.hero__grid,.two{grid-template-columns:1fr}
  .gal,.filters{position:static}
  .coll-layout{grid-template-columns:1fr}
  .foot__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  :root{--fs-3xl:1.75rem;--fs-4xl:2.25rem}
  .wrap{padding:0 var(--sp-4)}
  .head-main{grid-template-columns:auto 1fr;gap:var(--sp-3);padding:var(--sp-3) 0}
  .burger{display:grid}
  .navbar{display:none}
  .searchbar{grid-column:1/-1;order:5;max-width:none;padding-bottom:var(--sp-2)}
  .cats--3,.cats--4,.cats--5{grid-template-columns:repeat(2,1fr)}
  .grid-prod{grid-template-columns:repeat(2,1fr);gap:var(--sp-3)}
  .rail{grid-auto-columns:calc((100% - var(--sp-3))/2);gap:var(--sp-3)}
  .vps,.ladder,.gcards,.email,.foot__grid{grid-template-columns:1fr}
  .sec{padding:var(--sp-6) 0}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}