/* www.thrivelifestyle.ca — skin "arbutus": Young Serif + Geist, linen / spruce / arbutus bark. Prefix tl- */
:root{
  --linen:#f5f1e8; --paper:#fbf8f2; --sand:#e9e0cf; --line:#d9d0bd;
  --ink:#1d2622; --soft:#56635b; --spruce:#20352f; --sea:#2f6166; --moss:#6d7d58;
  --bark:#b4502d; --bark-d:#8c3a1d; --sun:#e2b65b;
  --serif:"Young Serif",Georgia,"Times New Roman",serif;
  --sans:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --r:18px; --wrap:1240px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--linen);color:var(--ink);font:400 17px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration-color:color-mix(in srgb,var(--bark) 55%,transparent);text-underline-offset:.18em}
a:hover{color:var(--bark-d)}
h1,h2,h3,h4{font-family:var(--serif);font-weight:400;line-height:1.08;letter-spacing:-.01em;margin:0 0 .5em;text-wrap:balance}
h1{font-size:clamp(2.3rem,5.4vw,4.4rem)}
h2{font-size:clamp(1.7rem,3.2vw,2.6rem)}
h3{font-size:1.3rem;line-height:1.2}
p{margin:0 0 1.1em}
:focus-visible{outline:2px solid var(--bark);outline-offset:3px;border-radius:4px}
.tl-wrap{width:min(var(--wrap),100% - 40px);margin-inline:auto}
.tl-skip{position:absolute;left:-999px}
.tl-skip:focus{left:12px;top:12px;background:var(--ink);color:#fff;padding:8px 14px;border-radius:8px;z-index:99}
.tl-eyebrow{font:500 .74rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--bark-d);margin:0 0 1.1rem;display:flex;align-items:center;gap:.7em}
.tl-eyebrow::before{content:"";width:26px;height:1px;background:currentColor}

/* top strip + header */
.tl-strip{background:var(--spruce);color:#e9e4d6;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
.tl-strip .tl-wrap{display:flex;gap:1.6rem;justify-content:center;padding:.55rem 0;flex-wrap:wrap}
.tl-strip span+span::before{content:"✦";margin-right:1.6rem;color:var(--sun);font-size:.7em}
.tl-head{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--linen) 88%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.tl-head .tl-wrap{display:flex;align-items:center;gap:2rem;min-height:74px}
.tl-logo{display:flex;align-items:baseline;gap:.5rem;text-decoration:none;color:var(--ink);margin-right:auto}
.tl-logo b{font:400 1.75rem/1 var(--serif);letter-spacing:-.02em}
.tl-logo i{font:500 .68rem/1 var(--sans);font-style:normal;letter-spacing:.34em;text-transform:uppercase;color:var(--bark-d)}
.tl-nav{display:flex;gap:1.5rem;align-items:center;font-size:.95rem}
.tl-nav a{text-decoration:none;padding:.4rem 0;border-bottom:1.5px solid transparent}
.tl-nav a:hover,.tl-nav a[aria-current]{border-color:var(--bark);color:var(--ink)}
.tl-nav .tl-pill{border:1px solid var(--ink);border-radius:999px;padding:.42rem 1.05rem}
.tl-nav .tl-pill:hover{background:var(--ink);color:var(--linen)}
.tl-burger{display:none;background:none;border:1px solid var(--ink);border-radius:999px;padding:.45rem .95rem;font:500 .85rem var(--sans);color:var(--ink);cursor:pointer}
@media (max-width:900px){
  .tl-burger{display:block}
  .tl-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;padding:1rem 20px 1.4rem;gap:.35rem;font-size:1.1rem}
  .tl-nav.is-open{display:flex}
  .tl-strip span:nth-child(n+3){display:none}
}

/* buttons */
.tl-btn{display:inline-flex;align-items:center;gap:.55em;font:500 .98rem/1 var(--sans);text-decoration:none;border-radius:999px;padding:.95rem 1.5rem;border:1px solid var(--ink);transition:transform .15s,background .15s,color .15s}
.tl-btn--solid{background:var(--ink);color:var(--linen)}
.tl-btn--solid:hover{background:var(--bark);border-color:var(--bark);color:#fff;transform:translateY(-1px)}
.tl-btn--ghost:hover{background:var(--ink);color:var(--linen)}
.tl-btn::after{content:"→"}

/* hero */
.tl-hero{padding:clamp(2.5rem,6vw,5.5rem) 0 clamp(2.5rem,5vw,4.5rem);overflow:hidden}
.tl-hero .tl-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.tl-hero h1 em{font-style:normal;color:var(--bark)}
.tl-hero p.tl-lead{font-size:1.18rem;color:var(--soft);max-width:34em}
.tl-cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.8rem}
.tl-arch{position:relative;justify-self:end;width:min(100%,520px)}
.tl-arch img,.tl-arch .tl-sw{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:300px 300px var(--r) var(--r)}
.tl-arch::before{content:"";position:absolute;inset:-18px 18px 18px -18px;border:1px solid var(--bark);border-radius:320px 320px var(--r) var(--r);z-index:-1}
.tl-stamp{position:absolute;left:-34px;bottom:34px;width:128px;height:128px;border-radius:50%;background:var(--sun);color:var(--ink);display:grid;place-items:center;text-align:center;font:500 .68rem/1.35 var(--sans);letter-spacing:.12em;text-transform:uppercase;transform:rotate(-10deg);box-shadow:0 10px 30px -12px rgba(0,0,0,.35)}
.tl-stamp b{display:block;font:400 1.5rem/1 var(--serif);letter-spacing:0;text-transform:none;margin-bottom:.2rem}
@media (max-width:860px){.tl-hero .tl-wrap{grid-template-columns:1fr}.tl-arch{justify-self:center;width:min(86%,420px)}.tl-stamp{left:-14px;width:104px;height:104px}}

/* sections */
.tl-sec{padding:clamp(3rem,6vw,5.5rem) 0}
.tl-sec--sand{background:var(--sand)}
.tl-sec--dark{background:var(--spruce);color:#ece7da}
.tl-sec--dark .tl-eyebrow{color:var(--sun)}
.tl-sec--dark a:hover{color:var(--sun)}
.tl-sechead{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.2rem;flex-wrap:wrap}
.tl-sechead p{max-width:36em;color:var(--soft);margin:0}
.tl-sec--dark .tl-sechead p{color:#b9c2b8}
.tl-more{font-weight:500;white-space:nowrap}

/* values */
.tl-values{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}
.tl-values article{padding:2rem 1.6rem 1.4rem 0;border-right:1px solid var(--line);margin-right:1.6rem}
.tl-values article:last-child{border:0;margin:0}
.tl-values .n{font:400 .8rem var(--sans);color:var(--bark-d);letter-spacing:.14em}
.tl-values h3{margin:.5rem 0 .6rem;font-size:1.55rem}
.tl-values p{font-size:.95rem;color:var(--soft);margin:0}
@media (max-width:900px){.tl-values{grid-template-columns:1fr 1fr}.tl-values article{border-right:0;margin:0;padding-right:1rem;border-bottom:1px solid var(--line)}}
@media (max-width:520px){.tl-values{grid-template-columns:1fr}}

/* department tiles */
.tl-depts{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.tl-dept{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:250px;padding:1.4rem;border-radius:var(--r);text-decoration:none;color:var(--ink);background:var(--paper);border:1px solid var(--line);overflow:hidden;transition:transform .2s,box-shadow .2s}
.tl-dept:hover{transform:translateY(-4px);box-shadow:0 18px 40px -22px rgba(29,38,34,.5);color:var(--ink)}
.tl-dept b{font:400 2rem/1 var(--serif)}
.tl-dept small{font-size:.85rem;color:var(--soft)}
.tl-dept .tl-ico{position:absolute;right:-18px;bottom:-18px;width:150px;height:150px;background:var(--c,var(--bark));opacity:.9}
.tl-dept:nth-child(1){--c:#b4502d}.tl-dept:nth-child(2){--c:#2f6166}.tl-dept:nth-child(3){--c:#c99a3c}.tl-dept:nth-child(4){--c:#6d7d58}.tl-dept:nth-child(5){--c:#7a5a73}
@media (max-width:1000px){.tl-depts{grid-template-columns:repeat(3,1fr)}}
@media (max-width:600px){.tl-depts{grid-template-columns:1fr 1fr}.tl-dept{min-height:180px}.tl-dept .tl-ico{width:110px;height:110px}}

/* garment icons (masks) */
.tl-ico{display:block;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat;background:currentColor}

/* product grid + cards */
.tl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px 18px}
@media (max-width:1000px){.tl-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.tl-grid{grid-template-columns:repeat(2,1fr);gap:20px 12px}}
.tl-card{display:flex;flex-direction:column;text-decoration:none;color:inherit}
.tl-card .tl-pic{position:relative;border-radius:var(--r);overflow:hidden;background:var(--sand);aspect-ratio:4/5}
.tl-card .tl-pic img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
a.tl-card:hover .tl-pic img{transform:scale(1.04)}
a.tl-card:hover{color:inherit}
a.tl-card:hover .tl-name{text-decoration:underline;text-decoration-color:var(--bark)}
.tl-card .tl-maker{font:500 .68rem/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--soft);margin:.85rem 0 .3rem}
.tl-card .tl-name{font:400 1.06rem/1.25 var(--serif)}
.tl-card .tl-name span{display:block;font:400 .88rem/1.4 var(--sans);color:var(--soft)}
.tl-card .tl-price{font-size:.9rem;margin-top:.35rem;color:var(--ink)}
.tl-badge{position:absolute;left:10px;top:10px;background:var(--paper);border-radius:999px;font:500 .64rem/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;padding:.45rem .65rem;color:var(--spruce)}

/* swatch tiles for pieces without a photograph */
.tl-sw{position:relative;width:100%;height:100%;display:grid;place-items:center;background:var(--sw,#cdbfa5);color:var(--fg,#1d2622);
  background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(0,0,0,.05) 0 1px,transparent 1px 3px)}
.tl-sw--stripe{background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.22) 0 5px,transparent 5px 14px)}
.tl-sw--galaxy{background-image:radial-gradient(circle at 18% 22%,rgba(255,255,255,.9) 0 1px,transparent 1.6px),radial-gradient(circle at 72% 14%,rgba(255,255,255,.8) 0 1px,transparent 1.6px),radial-gradient(circle at 44% 58%,rgba(255,255,255,.7) 0 1.2px,transparent 1.8px),radial-gradient(circle at 86% 70%,rgba(255,255,255,.85) 0 1px,transparent 1.6px),radial-gradient(circle at 28% 84%,rgba(255,255,255,.6) 0 1px,transparent 1.6px),radial-gradient(ellipse at 60% 40%,rgba(140,110,200,.45),transparent 60%)}
.tl-sw .tl-ico{width:46%;height:46%;opacity:.88}
.tl-sw small{position:absolute;left:12px;bottom:11px;font:500 .62rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;opacity:.8}

/* collection header */
.tl-crumbs{font-size:.84rem;color:var(--soft);padding:1.4rem 0 0;display:flex;gap:.5em;flex-wrap:wrap}
.tl-crumbs a{text-decoration:none}
.tl-crumbs a:hover{text-decoration:underline}
.tl-crumbs span[aria-hidden]{opacity:.5}
.tl-chead{padding:1.6rem 0 2.2rem;display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:end;border-bottom:1px solid var(--line);margin-bottom:2.2rem}
.tl-chead p{color:var(--soft);max-width:44em;margin:0;font-size:1.06rem}
.tl-count{font:400 3.4rem/1 var(--serif);color:var(--bark);text-align:right}
.tl-count small{display:block;font:500 .7rem var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--soft);margin-top:.3rem}
@media (max-width:700px){.tl-chead{grid-template-columns:1fr}.tl-count{text-align:left;font-size:2.4rem}}
.tl-chips{display:flex;gap:.5rem;flex-wrap:wrap;margin:0 0 2.2rem}
.tl-chips a{font-size:.88rem;text-decoration:none;border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:.42rem .95rem}
.tl-chips a:hover{border-color:var(--ink);color:var(--ink)}
.tl-chips a[aria-current]{background:var(--ink);border-color:var(--ink);color:var(--linen)}

/* product page */
.tl-prod{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem);padding:1.6rem 0 4rem;align-items:start}
.tl-prod .tl-gal{position:sticky;top:96px;display:grid;gap:12px}
.tl-prod .tl-gal .tl-main{border-radius:var(--r);overflow:hidden;aspect-ratio:4/5;background:var(--sand)}
.tl-prod .tl-gal .tl-main img{width:100%;height:100%;object-fit:cover}
.tl-prod .tl-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.tl-prod .tl-thumbs img{border-radius:12px;aspect-ratio:1;object-fit:cover}
.tl-prod h1{font-size:clamp(2rem,4vw,3.2rem);margin-bottom:.3em}
.tl-prod h1 span{display:block;font:400 1.1rem/1.4 var(--sans);color:var(--soft);letter-spacing:0;margin-top:.5rem}
.tl-by{font:500 .76rem var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--bark-d);margin-bottom:.9rem}
.tl-by a{text-decoration:none}
.tl-facts{display:grid;grid-template-columns:auto 1fr;gap:.55rem 1.4rem;margin:1.6rem 0;padding:1.3rem 0;border-block:1px solid var(--line);font-size:.95rem}
.tl-facts dt{color:var(--soft)}
.tl-facts dd{margin:0}
.tl-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1.6rem;padding:0;list-style:none}
.tl-tags li{font-size:.8rem;border:1px solid var(--line);border-radius:999px;padding:.3rem .75rem;background:var(--paper)}
.tl-tags li a{text-decoration:none}
.tl-rte h2{font-size:1.5rem;margin-top:1.8em}
.tl-rte h3{margin-top:1.5em}
.tl-rte ul,.tl-rte ol{padding-left:1.2em;margin:0 0 1.2em}
.tl-rte li{margin:.25em 0}
.tl-rte blockquote{margin:1.6em 0;padding:.2em 0 .2em 1.4em;border-left:2px solid var(--bark);font:400 1.25rem/1.45 var(--serif);color:var(--spruce)}
.tl-note{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:1.1rem 1.3rem;font-size:.9rem;color:var(--soft);margin-top:1.8rem}
.tl-note b{color:var(--ink);font-weight:500}
@media (max-width:820px){.tl-prod{grid-template-columns:1fr}.tl-prod .tl-gal{position:static}}

/* prose pages */
.tl-page{padding:1.4rem 0 4.5rem}
.tl-page header{max-width:50rem;margin:1.6rem 0 2.6rem}
.tl-page header p{font-size:1.2rem;color:var(--soft)}
.tl-cols{display:grid;grid-template-columns:minmax(0,46rem) minmax(0,1fr);gap:clamp(2rem,6vw,6rem);align-items:start}
.tl-cols aside{position:sticky;top:100px;display:grid;gap:1rem}
.tl-box{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:1.4rem 1.5rem}
.tl-box h3{font-size:1.2rem}
.tl-box ul{list-style:none;margin:0;padding:0;font-size:.95rem}
.tl-box li{padding:.45rem 0;border-top:1px solid var(--line)}
.tl-box li:first-child{border:0}
.tl-box a{text-decoration:none}
.tl-box a:hover{text-decoration:underline}
.tl-quote{font:400 clamp(1.4rem,2.6vw,2rem)/1.35 var(--serif);color:var(--spruce);margin:0 0 1.4em}
.tl-people{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:1.5rem 0}
.tl-people article{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:1.5rem}
.tl-people h3{margin-bottom:.1em}
.tl-people .role{font:500 .72rem var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--bark-d);margin-bottom:.8rem}
.tl-people p{font-size:.96rem;margin:0}
@media (max-width:900px){.tl-cols{grid-template-columns:1fr}.tl-cols aside{position:static}.tl-people{grid-template-columns:1fr}}
.tl-makers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.tl-makers article{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:1.3rem 1.4rem}
.tl-makers h3{margin-bottom:.35em}
.tl-makers p{font-size:.93rem;color:var(--soft);margin:0 0 .7em}
.tl-makers small{font-size:.82rem}
@media (max-width:900px){.tl-makers{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.tl-makers{grid-template-columns:1fr}}

/* catalogue index */
.tl-index{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tl-index section{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:1.5rem 1.6rem}
.tl-index h2{font-size:1.6rem;margin-bottom:.7rem}
.tl-index ul{list-style:none;margin:0;padding:0}
.tl-index li{display:flex;justify-content:space-between;gap:1rem;padding:.42rem 0;border-top:1px solid var(--line);font-size:.96rem}
.tl-index li a{text-decoration:none}
.tl-index li a:hover{text-decoration:underline}
.tl-index li span{color:var(--soft);font-variant-numeric:tabular-nums}
@media (max-width:900px){.tl-index{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.tl-index{grid-template-columns:1fr}}

/* journal */
.tl-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.tl-post{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:transform .2s,box-shadow .2s}
.tl-post:hover{transform:translateY(-4px);box-shadow:0 18px 40px -24px rgba(29,38,34,.5);color:inherit}
.tl-post .tl-art{aspect-ratio:16/10}
.tl-post div.b{padding:1.2rem 1.35rem 1.4rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.tl-post .t{font:500 .68rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--bark-d)}
.tl-post h3{font-size:1.35rem;margin:0}
.tl-post p{font-size:.93rem;color:var(--soft);margin:0}
.tl-post .m{margin-top:auto;padding-top:.6rem;font-size:.8rem;color:var(--soft)}
.tl-sec--dark .tl-post{background:#27413a;border-color:#35514a;color:#ece7da}
.tl-sec--dark .tl-post p,.tl-sec--dark .tl-post .m{color:#b9c2b8}
.tl-sec--dark .tl-post .t{color:var(--sun)}
@media (max-width:900px){.tl-posts{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.tl-posts{grid-template-columns:1fr}}
.tl-art{position:relative;background:var(--a1,#2f6166);overflow:hidden}
.tl-art::before,.tl-art::after{content:"";position:absolute;border-radius:50%}
.tl-art::before{width:70%;aspect-ratio:1;left:-12%;bottom:-45%;background:var(--a2,#e2b65b)}
.tl-art::after{width:42%;aspect-ratio:1;right:8%;top:14%;background:var(--a3,#f5f1e8);opacity:.9}
.tl-art .tl-ico{position:absolute;right:12%;top:20%;width:30%;height:52%;color:var(--a1);z-index:1}
.tl-article{max-width:46rem;margin:0 auto;padding:1.4rem 0 4rem}
.tl-article header{margin:1.4rem 0 2rem}
.tl-article header p{font-size:1.22rem;color:var(--soft)}
.tl-article .tl-meta{font-size:.85rem;color:var(--soft);display:flex;gap:1rem;flex-wrap:wrap}
.tl-article .tl-art{aspect-ratio:21/9;border-radius:var(--r);margin:0 0 2.2rem}
.tl-article .tl-rte{font-size:1.09rem}
.tl-article .tl-rte h2{font-size:1.75rem}

/* makers marquee */
.tl-marq{overflow:hidden;border-block:1px solid var(--line);padding:1.1rem 0;background:var(--paper)}
.tl-marq div{display:flex;gap:3rem;width:max-content;animation:tl-slide 60s linear infinite;font:400 1.35rem/1 var(--serif);white-space:nowrap}
.tl-marq span::after{content:"✦";margin-left:3rem;color:var(--bark);font-size:.7em}
@keyframes tl-slide{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.tl-marq div{animation:none}html{scroll-behavior:auto}}

/* split feature */
.tl-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.tl-split img{border-radius:var(--r);aspect-ratio:3/2;object-fit:cover;width:100%}
.tl-split p{color:#c6cec5}
@media (max-width:860px){.tl-split{grid-template-columns:1fr}}

/* footer */
.tl-foot{background:var(--ink);color:#cfd5cc;padding:4rem 0 2rem;font-size:.95rem}
.tl-foot a{text-decoration:none}
.tl-foot a:hover{color:var(--sun)}
.tl-foot .tl-fcols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:2.4rem;margin-bottom:3rem}
.tl-foot h4{font:500 .72rem var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#8f9a90;margin-bottom:1rem}
.tl-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.tl-foot .tl-logo{color:#fff;margin-bottom:1rem}
.tl-foot .tl-logo i{color:var(--sun)}
.tl-foot .tl-fine{border-top:1px solid #36403a;padding-top:1.5rem;font-size:.82rem;color:#8f9a90;display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.tl-foot .tl-fine p{margin:0;max-width:52rem}
@media (max-width:820px){.tl-foot .tl-fcols{grid-template-columns:1fr 1fr}}

/* 404 */
.tl-404{min-height:56vh;display:grid;place-items:center;text-align:center;padding:4rem 0}
.tl-404 b{font:400 clamp(5rem,16vw,11rem)/1 var(--serif);color:var(--bark);display:block}

/* cards on dark bands */
.tl-sec--dark .tl-card .tl-maker,.tl-sec--dark .tl-card .tl-name span{color:#b9c2b8}
.tl-sec--dark .tl-card .tl-price{color:#ece7da}
.tl-sec--dark a.tl-card:hover{color:#fff}

/* garment icons */
.tl-i-tee{--m:url(../img/ico/tee.svg)}
.tl-i-tank{--m:url(../img/ico/tank.svg)}
.tl-i-dress{--m:url(../img/ico/dress.svg)}
.tl-i-pants{--m:url(../img/ico/pants.svg)}
.tl-i-shorts{--m:url(../img/ico/shorts.svg)}
.tl-i-skirt{--m:url(../img/ico/skirt.svg)}
.tl-i-sweater{--m:url(../img/ico/sweater.svg)}
.tl-i-jacket{--m:url(../img/ico/jacket.svg)}
.tl-i-bag{--m:url(../img/ico/bag.svg)}
.tl-i-ring{--m:url(../img/ico/ring.svg)}
.tl-i-hat{--m:url(../img/ico/hat.svg)}
.tl-i-card{--m:url(../img/ico/card.svg)}
.tl-i-jar{--m:url(../img/ico/jar.svg)}
.tl-i-decor{--m:url(../img/ico/decor.svg)}
.tl-i-onesie{--m:url(../img/ico/onesie.svg)}
.tl-i-shoe{--m:url(../img/ico/shoe.svg)}
.tl-i-toy{--m:url(../img/ico/toy.svg)}
.tl-i-leaf{--m:url(../img/ico/leaf.svg)}
.tl-i-scarf{--m:url(../img/ico/scarf.svg)}