
:root{--tnd-ink:#151413;--tnd-coal:#1f1e1d;--tnd-steel:#2e2c2f;--tnd-paper:#f5f4f1;
--tnd-card:#ffffff;--tnd-mute:#6d6862;--tnd-line:#e3dfd8;--tnd-kick:#ff7c2e;
--tnd-deep:#d46726;--tnd-blue:#2456a6;--tnd-shell:1200px;--tnd-round:12px}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font:16px/1.65 "IBM Plex Sans",system-ui,sans-serif;color:var(--tnd-ink);background:var(--tnd-paper)}
img{max-width:100%;display:block;height:auto}
a{color:var(--tnd-deep);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,.tnd-disp{font-family:"Khand",sans-serif;font-weight:700;line-height:1.08;text-transform:uppercase;letter-spacing:.015em}
.tnd-shell{max-width:var(--tnd-shell);margin:0 auto;padding:0 20px}
/* ribbon */
.tnd-ribbon{background:var(--tnd-kick);color:#fff;text-align:center;font-family:"Khand",sans-serif;
font-weight:600;text-transform:uppercase;letter-spacing:.12em;font-size:.82rem;padding:7px 16px}
/* header */
.tnd-top{background:var(--tnd-ink);position:sticky;top:0;z-index:60;border-bottom:3px solid var(--tnd-kick)}
.tnd-top__row{display:flex;align-items:center;gap:26px;min-height:66px}
.tnd-top__logo img{width:128px;height:auto}
.tnd-nav{display:flex;gap:4px;flex:1;flex-wrap:wrap}
.tnd-nav a{font-family:"Khand",sans-serif;font-weight:600;text-transform:uppercase;font-size:1rem;
letter-spacing:.05em;color:#e9e6e1;padding:6px 11px;border-radius:7px}
.tnd-nav a:hover{color:#fff;background:var(--tnd-steel);text-decoration:none}
.tnd-nav a[aria-current]{color:var(--tnd-kick)}
.tnd-top__cta img{width:168px;height:auto;display:block}
.tnd-burger{display:none;background:none;border:2px solid var(--tnd-steel);border-radius:8px;
padding:8px 10px;cursor:pointer;margin-left:auto}
.tnd-burger span{display:block;width:22px;height:2px;background:#fff;margin:5px 0}
/* hero */
.tnd-hero{background:var(--tnd-ink);color:#fff;overflow:hidden}
.tnd-hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center;padding:58px 0 50px}
.tnd-hero__kicker{color:var(--tnd-kick);font-family:"Khand",sans-serif;font-weight:600;
letter-spacing:.22em;text-transform:uppercase;font-size:.9rem}
.tnd-hero h1{font-size:clamp(2.2rem,5vw,3.9rem);margin:10px 0 16px;color:#fff}
.tnd-hero h1 em{color:var(--tnd-kick);font-style:normal}
.tnd-hero__lede{color:#cfc9c2;max-width:34rem;font-size:1.06rem}
.tnd-hero__cta{margin:26px 0 10px}
.tnd-hero__cta img{width:300px;height:auto}
.tnd-hero__note{color:#8f8a84;font-size:.82rem}
.tnd-hero__art{border-radius:var(--tnd-round);overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.55)}
/* trust */
.tnd-trust{background:var(--tnd-coal);border-top:1px solid #33312f}
.tnd-trust__row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:0}
.tnd-trust__cell{padding:18px 20px;border-left:1px solid #33312f}
.tnd-trust__cell:first-child{border-left:0}
.tnd-trust__cell b{display:block;color:var(--tnd-kick);font-family:"Khand",sans-serif;
text-transform:uppercase;letter-spacing:.06em;font-size:1.02rem}
.tnd-trust__cell span{color:#a7a19a;font-size:.84rem}
/* band images */
.tnd-band img{width:100%;height:auto}
/* sections */
.tnd-sec{padding:64px 0}
.tnd-sec--dark{background:var(--tnd-ink);color:#fff}
.tnd-sec--coal{background:var(--tnd-coal);color:#fff}
.tnd-kicker{color:var(--tnd-deep);font-family:"Khand",sans-serif;font-weight:600;
letter-spacing:.2em;text-transform:uppercase;font-size:.85rem}
.tnd-sec--dark .tnd-kicker,.tnd-sec--coal .tnd-kicker{color:var(--tnd-kick)}
.tnd-h2{font-size:clamp(1.7rem,3.4vw,2.5rem);margin:6px 0 14px}
.tnd-sub{color:var(--tnd-mute);max-width:46rem}
.tnd-sec--dark .tnd-sub,.tnd-sec--coal .tnd-sub{color:#b5afa8}
/* category tiles */
.tnd-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}
.tnd-tile{position:relative;background:var(--tnd-steel);border-radius:var(--tnd-round);
overflow:hidden;color:#fff;display:flex;flex-direction:column;min-height:230px}
.tnd-tile:hover{text-decoration:none;transform:translateY(-3px);transition:.18s}
.tnd-tile img{height:150px;object-fit:contain;padding:16px;background:#fff}
.tnd-tile__meta{padding:12px 16px 14px;display:flex;flex-direction:column;gap:2px;flex:1}
.tnd-tile__meta b{font-family:"Khand",sans-serif;font-size:1.22rem;font-weight:700;
text-transform:uppercase;letter-spacing:.04em;line-height:1.1}
.tnd-tile__meta span{color:#aaa49d;font-size:.8rem}
.tnd-tile__n{position:absolute;top:10px;right:14px;background:var(--tnd-kick);color:#fff;
font-family:"Khand",sans-serif;font-weight:700;border-radius:20px;padding:1px 11px;font-size:.85rem}
/* product grid */
.tnd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}
.tnd-card{background:var(--tnd-card);border:1px solid var(--tnd-line);border-radius:var(--tnd-round);
display:flex;flex-direction:column;overflow:hidden;transition:.18s}
.tnd-card:hover{box-shadow:0 14px 34px rgba(21,20,19,.12);transform:translateY(-3px)}
.tnd-card__img{padding:20px 20px 6px;background:#fff}
.tnd-card__img img{height:210px;object-fit:contain;margin:0 auto}
.tnd-card__body{padding:10px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.tnd-card__name{font-family:"Khand",sans-serif;font-weight:600;font-size:1.08rem;line-height:1.22;
text-transform:none;letter-spacing:0;color:var(--tnd-ink)}
a.tnd-card__link:hover{text-decoration:none}
a.tnd-card__link:hover .tnd-card__name{color:var(--tnd-deep)}
.tnd-card__meta{display:flex;align-items:center;gap:8px;font-size:.84rem;color:var(--tnd-mute)}
.tnd-card__price{font-family:"Khand",sans-serif;font-weight:700;font-size:1.5rem;color:var(--tnd-ink);margin-top:auto}
.tnd-stamp{border:0;background:none;padding:0;cursor:pointer;display:block}
.tnd-stamp img{width:100%;max-width:330px;height:auto;margin:0}
.tnd-stamp--card img{max-width:100%}
.tnd-stamp:hover{filter:brightness(1.06)}
/* stars */
.tnd-stars{position:relative;display:inline-block;width:92px;height:17px;flex:0 0 auto;
background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 110 20"><path fill="%23d8d3cb" d="M10 1l2.6 6.1 6.6.5-5 4.3 1.5 6.4L10 14.8 4.3 18.3 5.8 11.9.8 7.6l6.6-.5zM32 1l2.6 6.1 6.6.5-5 4.3 1.5 6.4L32 14.8l-5.7 3.5 1.5-6.4-5-4.3 6.6-.5zM54 1l2.6 6.1 6.6.5-5 4.3 1.5 6.4L54 14.8l-5.7 3.5 1.5-6.4-5-4.3 6.6-.5zM76 1l2.6 6.1 6.6.5-5 4.3 1.5 6.4L76 14.8l-5.7 3.5 1.5-6.4-5-4.3 6.6-.5zM98 1l2.6 6.1 6.6.5-5 4.3 1.5 6.4L98 14.8l-5.7 3.5 1.5-6.4-5-4.3 6.6-.5z"/></svg>') no-repeat;background-size:110px 20px}
.tnd-stars__fill{position:absolute;inset:0;overflow:hidden;
background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 110 20"><path fill="%23ff7c2e" d="M10 1l2.6 6.1 6.6.5-5 4.3 1.5 6.4L10 14.8 4.3 18.3 5.8 11.9.8 7.6l6.6-.5zM32 1l2.6 6.1 6.6.5-5 4.3 1.5 6.4L32 14.8l-5.7 3.5 1.5-6.4-5-4.3 6.6-.5zM54 1l2.6 6.1 6.6.5-5 4.3 1.5 6.4L54 14.8l-5.7 3.5 1.5-6.4-5-4.3 6.6-.5zM76 1l2.6 6.1 6.6.5-5 4.3 1.5 6.4L76 14.8l-5.7 3.5 1.5-6.4-5-4.3 6.6-.5zM98 1l2.6 6.1 6.6.5-5 4.3 1.5 6.4L98 14.8l-5.7 3.5 1.5-6.4-5-4.3 6.6-.5z"/></svg>') no-repeat;background-size:110px 20px}
/* why cards */
.tnd-why{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}
.tnd-why__card{background:#262423;border:1px solid #38352f;border-radius:var(--tnd-round);padding:22px 20px}
.tnd-why__card b{display:block;font-family:"Khand",sans-serif;font-size:1.18rem;text-transform:uppercase;
letter-spacing:.04em;color:var(--tnd-kick);margin-bottom:8px}
.tnd-why__card p{color:#b5afa8;font-size:.9rem}
/* story */
.tnd-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center;margin-top:34px}
.tnd-story__img{border-radius:var(--tnd-round);overflow:hidden}
.tnd-story__badge{display:inline-block;border:2px solid var(--tnd-kick);color:var(--tnd-kick);
font-family:"Khand",sans-serif;font-weight:700;font-size:1.1rem;letter-spacing:.14em;
padding:4px 16px;border-radius:7px;margin-bottom:14px;text-transform:uppercase}
.tnd-story p{color:#b5afa8;margin-bottom:14px}
/* seo block */
.tnd-cols{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:22px}
.tnd-cols p{color:#4d4943;font-size:.95rem}
/* reviews */
.tnd-revs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}
.tnd-rev{background:var(--tnd-card);border:1px solid var(--tnd-line);border-left:4px solid var(--tnd-kick);
border-radius:10px;padding:20px}
.tnd-rev b{display:block;font-size:.95rem;margin:8px 0 6px}
.tnd-rev p{font-size:.88rem;color:var(--tnd-mute)}
.tnd-rev__who{margin-top:12px;font-size:.8rem;color:var(--tnd-mute)}
.tnd-rev__who strong{color:var(--tnd-ink)}
/* faq */
.tnd-faq{margin-top:28px;border-top:1px solid var(--tnd-line)}
.tnd-faq details{border-bottom:1px solid var(--tnd-line)}
.tnd-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;
font-family:"Khand",sans-serif;font-weight:600;font-size:1.12rem;text-transform:uppercase;
letter-spacing:.03em;padding:16px 4px}
.tnd-faq summary::after{content:"+";color:var(--tnd-kick);font-size:1.5rem;font-weight:400}
.tnd-faq details[open] summary::after{content:"\2212"}
.tnd-faq details p{padding:0 4px 18px;color:var(--tnd-mute);max-width:52rem}
/* closer */
.tnd-closer{text-align:center}
.tnd-closer .tnd-stamp{margin:26px auto 0}
.tnd-closer .tnd-stamp img{width:320px}
/* cat page head */
.tnd-cathead{background:var(--tnd-ink);color:#fff;padding:44px 0 38px;position:relative;overflow:hidden}
.tnd-cathead::before{content:"";position:absolute;inset:0;opacity:.16;
background:radial-gradient(circle at 8px 8px, #777 1.4px, transparent 1.6px);background-size:22px 22px}
.tnd-cathead .tnd-shell{position:relative}
.tnd-cathead h1{font-size:clamp(2rem,4.4vw,3.2rem);color:#fff;margin:8px 0 10px}
.tnd-cathead p{color:#b5afa8;max-width:44rem}
.tnd-crumbs{font-size:.8rem;color:#8f8a84}
.tnd-crumbs a{color:#b5afa8}
.tnd-cathead .tnd-crumbs{color:#8f8a84}
main .tnd-crumbs{padding:14px 0 0;color:var(--tnd-mute)}
main .tnd-crumbs a{color:var(--tnd-mute)}
/* PDP */
.tnd-pdp{display:grid;grid-template-columns:1.02fr .98fr;gap:44px;padding:34px 0 20px}
.tnd-pdp__gal{background:#fff;border:1px solid var(--tnd-line);border-radius:var(--tnd-round);padding:22px}
.tnd-pdp__gal>picture img{height:430px;object-fit:contain;margin:0 auto}
.tnd-thumbs{display:flex;gap:10px;margin-top:14px;justify-content:center}
.tnd-thumbs img{width:72px;height:72px;object-fit:contain;border:1px solid var(--tnd-line);
border-radius:8px;padding:6px;cursor:pointer;background:#fff}
.tnd-thumbs img:hover{border-color:var(--tnd-kick)}
.tnd-pdp h1{font-size:clamp(1.5rem,3vw,2.2rem);text-transform:none;letter-spacing:0;line-height:1.15}
.tnd-pdp__meta{display:flex;align-items:center;gap:10px;margin:12px 0;font-size:.9rem;color:var(--tnd-mute)}
.tnd-pdp__price{font-family:"Khand",sans-serif;font-weight:700;font-size:2.3rem;margin:6px 0 0}
.tnd-pdp__pnote{font-size:.78rem;color:var(--tnd-mute);margin-bottom:14px}
.tnd-pdp .tnd-stamp img{width:330px}
.tnd-pdp__lede{margin:18px 0;color:#4d4943}
.tnd-bullets{list-style:none;margin:0 0 18px}
.tnd-bullets li{padding:7px 0 7px 30px;position:relative;font-size:.94rem}
.tnd-bullets li::before{content:"";position:absolute;left:4px;top:13px;width:14px;height:8px;
background:var(--tnd-kick);border-radius:2px;transform:skewX(-18deg)}
.tnd-variants{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 16px}
.tnd-variants a{border:1px solid var(--tnd-line);border-radius:20px;padding:4px 14px;font-size:.84rem;color:var(--tnd-ink)}
.tnd-variants a:hover{border-color:var(--tnd-kick);text-decoration:none}
.tnd-variants a[aria-current]{background:var(--tnd-ink);color:#fff;border-color:var(--tnd-ink)}
.tnd-pdp__revs{margin:10px 0 0}
.tnd-pdp__revs .tnd-rev{margin-bottom:14px}
/* service pages */
.tnd-doc{max-width:46rem;padding:46px 0 70px}
.tnd-doc h1{font-size:clamp(1.9rem,4vw,2.8rem);margin-bottom:18px}
.tnd-doc p{margin-bottom:16px;color:#3f3b36}
/* footer */
.tnd-foot{background:var(--tnd-ink);color:#b5afa8;margin-top:70px}
.tnd-foot__grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:30px;padding:52px 0 36px}
.tnd-foot__brand img{width:140px;margin-bottom:14px}
.tnd-foot__brand p{font-size:.84rem}
.tnd-foot b{display:block;color:#fff;font-family:"Khand",sans-serif;text-transform:uppercase;
letter-spacing:.08em;font-size:1.02rem;margin-bottom:12px}
.tnd-foot ul{list-style:none}
.tnd-foot li{margin-bottom:8px}
.tnd-foot a{color:#b5afa8;font-size:.9rem}
.tnd-foot a:hover{color:var(--tnd-kick)}
.tnd-foot__assoc{border-top:1px solid #2b2927;padding:20px 0;font-size:.8rem;color:#8f8a84}
.tnd-foot__base{border-top:1px solid #2b2927;padding:18px 0;font-size:.8rem;display:flex;
justify-content:space-between;gap:14px;flex-wrap:wrap;color:#8f8a84}
/* 404 */
.tnd-lost{text-align:center;padding:90px 20px}
.tnd-lost h1{font-size:3rem}
.tnd-lost p{color:var(--tnd-mute);max-width:30rem;margin:12px auto 26px}
/* responsive */
@media(max-width:1020px){
.tnd-tiles{grid-template-columns:repeat(2,1fr)}
.tnd-grid{grid-template-columns:repeat(2,1fr)}
.tnd-why{grid-template-columns:repeat(2,1fr)}
.tnd-revs{grid-template-columns:1fr 1fr}
.tnd-hero__grid{grid-template-columns:1fr;padding:44px 0}
.tnd-trust__row{grid-template-columns:repeat(2,1fr)}
.tnd-trust__cell{border-left:0;border-top:1px solid #33312f}
.tnd-pdp{grid-template-columns:1fr}
.tnd-story{grid-template-columns:1fr}
.tnd-cols{grid-template-columns:1fr}
.tnd-foot__grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){
.tnd-nav{display:none;position:absolute;top:66px;left:0;right:0;background:var(--tnd-ink);
flex-direction:column;padding:10px 16px 16px;border-bottom:3px solid var(--tnd-kick)}
.tnd-nav.open{display:flex}
.tnd-burger{display:block}
.tnd-top__cta{display:none}
.tnd-grid{grid-template-columns:1fr}
.tnd-revs{grid-template-columns:1fr}
.tnd-why{grid-template-columns:1fr}
.tnd-tiles{grid-template-columns:1fr 1fr}
.tnd-tile img{height:110px}
.tnd-hero__cta img{width:260px}
.tnd-sec{padding:44px 0}}
