/* Teendow only. Existing store font families; no additional font requests. */
.td-story{--td-ink:#172624;--td-cream:#f3f5f2;--td-gold:#b9ded3;--td-muted:#b9c5c1;--td-line:#ffffff24;container-type:inline-size;background:var(--td-ink);color:var(--td-cream);border-radius:26px;overflow:hidden;margin:0 auto;max-width:1160px;font-family:'Albert Sans',Arial,sans-serif;font-size:16px;line-height:1.65;isolation:isolate}
.td-story *{box-sizing:border-box;min-width:0}
.td-story :is(h2,h3,h4,p,figure){margin:0}
.td-story :is(h2,h3,h4){font-family:Urbanist,'Albert Sans',Arial,sans-serif;font-style:normal;color:inherit;text-wrap:balance;letter-spacing:-.035em;font-weight:700}
.td-story h2{font-size:clamp(34px,5.8cqw,66px);line-height:1.03}
.td-story h3{font-size:clamp(29px,4.6cqw,49px);line-height:1.12}
.td-story h4{font-size:clamp(24px,3.1cqw,34px);line-height:1.2}
.td-story p{font-size:16px;line-height:1.7;color:var(--td-muted);text-wrap:pretty}
.td-story img{display:block;width:100%;height:auto;max-width:100%;margin:0;border:0;border-radius:0}
.td-story a{color:inherit;text-decoration:none}
.td-story a:focus-visible,.td-story button:focus-visible,.td-story summary:focus-visible{outline:3px solid #71b6a1;outline-offset:5px}
.td-story .td-kicker{font-size:11px;line-height:1.5;letter-spacing:.15em;font-weight:700;text-transform:uppercase;color:var(--td-gold)}
.td-story .td-hero{padding:55px 44px 42px;background:radial-gradient(ellipse at 80% 35%,#6e4b262e,transparent 63%)}
.td-story .td-hero-layout{display:grid;grid-template-columns:1fr 1.03fr;gap:14px;align-items:center}
.td-story .td-hero h2{margin:20px 0 24px}
.td-story .td-hero h2 span{color:var(--td-gold)}
.td-story .td-hero .td-intro{max-width:37ch;font-size:17px;line-height:1.65}
.td-story .td-cutout{background:transparent;overflow:visible;border:0;border-radius:0}
.td-story .td-cutout img{width:100%;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 24px 24px #0005)}
.td-story .td-hero-note{font-size:12px;color:#a89c8f;line-height:1.5;margin-top:20px}
.td-story .td-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:38px;border-top:1px solid var(--td-line);padding-top:28px;gap:20px}
.td-story .td-metrics div+div{border-left:1px solid var(--td-line);padding-left:22px}
.td-story .td-metrics strong{font-family:Urbanist,'Albert Sans',sans-serif;display:block;font-size:clamp(24px,3.6cqw,37px);line-height:1.15;letter-spacing:-.025em;font-weight:700}
.td-story .td-metrics span{display:block;margin-top:8px;font-size:13px;line-height:1.45;color:var(--td-muted)}
.td-story .td-chapter{padding:60px 42px}
.td-story .td-heading{max-width:720px;margin:0 auto 32px;text-align:center}
.td-story .td-heading h3{margin:13px 0 16px}
.td-story .td-heading>p:last-child{max-width:54ch;margin:auto}
.td-story .td-editorial{background:var(--td-cream);color:var(--td-ink);display:grid;grid-template-columns:1.1fr 1fr;gap:35px;align-items:center}
.td-story .td-editorial .td-kicker{color:#315f56}
.td-story .td-editorial h3{margin:15px 0 20px}
.td-story .td-editorial p{color:#52635d}
.td-story .td-photo{border-radius:18px;overflow:hidden;background:transparent}
.td-story .td-photo a{display:block}
.td-story .td-photo img{object-fit:contain}
.td-story .td-photo.td-cover img{aspect-ratio:1;object-fit:cover}
.td-story .td-tech{background:#12201e}
.td-story .td-switch{position:relative}
.td-story .td-tabs{position:relative;display:flex;width:max-content;max-width:100%;margin:0 auto 30px;padding:5px;gap:3px;align-items:center;overflow-x:auto;scrollbar-width:none;white-space:nowrap;background:#ffffff08;border:1px solid #ffffff20;border-radius:100px}
.td-story .td-tabs::-webkit-scrollbar{display:none}
.td-story .td-tabs[hidden],.td-story [data-bp-controls][hidden],.td-story [data-bp-panel][hidden]{display:none!important}
.td-story .td-tabs button{position:relative;z-index:1;flex:0 0 auto;border:0;background:transparent;box-shadow:none;color:#c6c0b7;min-height:44px;padding:11px 21px;border-radius:100px;font-family:inherit;font-size:14px;line-height:1.3;font-weight:600;text-transform:none;letter-spacing:0;transition:color .3s}
.td-story .td-tabs button.is-active{color:#211b14;background:var(--td-gold)}
.td-story .td-tabs.has-indicator button{background:transparent}
.td-story .bp-tab-indicator{position:absolute;inset:0 auto auto 0;background:var(--td-gold);border-radius:100px;pointer-events:none;transition:transform 480ms cubic-bezier(.22,1,.36,1),width 480ms cubic-bezier(.22,1,.36,1),height 480ms cubic-bezier(.22,1,.36,1)}
.td-story .td-stage{position:relative;touch-action:pan-y}
.td-story .td-stage.is-switching{overflow:hidden}
.td-story .td-panel{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:30px;padding:8px 0 14px;outline-offset:4px}
.td-story .td-panel.is-leaving{position:absolute;inset:0 0 auto;pointer-events:none}
.td-story .td-panel h4{margin:13px 0 18px}
.td-story .td-panel-copy>p:last-child{max-width:43ch}
.td-story .td-panel .td-photo{border:1px solid #ffffff0f}
.td-story .td-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:24px}
.td-story .td-controls>p{display:contents}
.td-story .td-arrow{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #ffffff2c;background:#ffffff07;color:var(--td-cream);border-radius:50%;padding:0;box-shadow:none;transition:background .2s,transform .2s}
.td-story .td-arrow:hover{background:#ffffff14;transform:scale(1.04)}
.td-story .td-arrow svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7}
.td-story .td-dots{display:flex;gap:0;align-items:center}
.td-story .td-dots button{border:0;background:transparent;box-shadow:none;width:32px;height:44px;padding:0;display:grid;place-items:center;min-height:44px;border-radius:9px}
.td-story .td-dots button:before{content:'';width:6px;height:6px;background:#ffffff52;border-radius:20px;transition:width .3s,background .3s}
.td-story .td-dots button[aria-current=true]:before{width:20px;background:var(--td-gold)}
.td-story .td-counter{font-size:12px;min-width:38px;color:#b9c5c1;font-variant-numeric:tabular-nums}
.td-story .td-pair-section{padding:0 42px 56px;background:#12201e}
.td-story .td-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.td-story .td-pair .td-photo{align-self:start}
.td-story .td-pair-label{margin-bottom:18px;font-size:13px;color:#aca498}
.td-story .td-ritual{background:#223431}
.td-story .td-ritual .td-panel{grid-template-columns:1fr 1.15fr}
.td-story .td-ritual .td-photo{order:2}
.td-story .td-tips{display:grid;grid-template-columns:1fr 1fr;gap:30px;background:var(--td-cream);color:var(--td-ink)}
.td-story .td-tips h4{font-size:24px;margin:14px 0}
.td-story .td-tips p{color:#52635d}
.td-story .td-tips .td-kicker{color:#315f56}
.td-story .td-info{padding:34px 42px 42px}
.td-story details{border:0;border-top:1px solid var(--td-line);padding:0;margin:0}
.td-story summary{display:flex;align-items:center;justify-content:space-between;gap:15px;list-style:none;cursor:pointer;padding:23px 0;font-size:17px;font-weight:600;line-height:1.4;color:var(--td-cream)}
.td-story summary::-webkit-details-marker{display:none}
.td-story summary:after{content:'+';font-size:24px;font-weight:400;color:var(--td-gold)}
.td-story details[open]>summary:after{content:'-'}
.td-story .td-disclosure{padding:0 0 25px}
.td-story table{width:100%;table-layout:fixed;border-collapse:collapse;border:0;margin:0;font-size:15px}
.td-story :is(th,td){padding:14px 0;border:0;border-bottom:1px solid #ffffff12;vertical-align:top;line-height:1.5;overflow-wrap:anywhere}
.td-story th{width:45%;text-align:left;font-weight:400;color:var(--td-muted)}
.td-story td{padding-left:18px;color:var(--td-cream)}
.td-story .td-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.td-story .td-footnote{font-size:12px;line-height:1.65;color:#a89e91;margin-top:23px}
.td-story .td-footnote+p{margin-top:10px}
.td-story .td-panel:not([hidden])+ .td-panel:not([hidden]){margin-top:28px}
.td-story .is-enhanced .td-panel{margin-top:0!important}
@container(max-width:650px){
 .td-story .td-hero{padding:36px 23px 29px}
 .td-story .td-hero-layout{grid-template-columns:1fr;gap:12px}
 .td-story .td-hero h2{font-size:clamp(37px,9cqw,53px);max-width:13ch;margin:18px 0 20px}
 .td-story .td-hero .td-intro{font-size:16px;max-width:44ch}
 .td-story .td-cutout{max-width:390px;width:100%;margin:0 auto}
 .td-story .td-hero-note{margin-top:5px}
 .td-story .td-metrics{gap:12px;margin-top:25px;padding-top:23px}
 .td-story .td-metrics div+div{padding-left:12px}
 .td-story .td-metrics strong{font-size:clamp(21px,5cqw,28px)}
 .td-story .td-metrics span{font-size:12px}
 .td-story .td-chapter{padding:39px 22px}
 .td-story .td-heading{margin-bottom:25px}
 .td-story .td-editorial,.td-story .td-panel,.td-story .td-ritual .td-panel{grid-template-columns:1fr;gap:24px}
 .td-story .td-editorial .td-photo{order:2}
 .td-story .td-panel h4{font-size:28px}
 .td-story .td-panel .td-photo{max-width:480px;width:100%;margin:auto}
 .td-story .td-ritual .td-photo{order:0}
 .td-story .td-tabs{justify-content:flex-start;margin-bottom:22px;max-width:calc(100% + 10px)}
 .td-story .td-tabs button{padding:11px 16px;font-size:13px}
 .td-story .td-controls{gap:10px;margin-top:20px}
 .td-story .td-pair-section{padding:0 22px 37px}
 .td-story .td-pair{gap:10px}
 .td-story .td-pair .td-photo{border-radius:12px}
 .td-story .td-tips{grid-template-columns:1fr;gap:28px}
 .td-story .td-info{padding:25px 22px 32px}
 .td-story .td-more-grid{grid-template-columns:1fr}
}
/* Product photography sits on the canvas itself, not in a white tile. */
.td-story .td-hero{background:#f1f4f0;color:#172624;padding-top:48px}
.td-story .td-hero .td-kicker{color:#37695d}
.td-story .td-hero h2 span{color:#52796a}
.td-story .td-hero p,.td-story .td-metrics span{color:#596960}
.td-story .td-cutout{mix-blend-mode:multiply}
.td-story .td-cutout img{filter:none;max-height:460px;object-fit:contain}
.td-story .td-metrics{border-color:#213d2f26}
.td-story .td-metrics div+div{border-color:#213d2f26}
.td-story .td-editorial{background:#e5ebe4}
.td-story .td-editorial.td-wide{display:block}
.td-story .td-editorial.td-wide>div{max-width:650px;margin:0 auto 28px;text-align:center}
.td-story .td-editorial.td-wide .td-photo{margin-top:30px}
.td-story .td-editorial.td-wide .td-photo img{aspect-ratio:auto}
.td-story .td-photo{border-radius:16px}
.td-story .td-kicker{color:#b9ded3}
.td-story .td-tabs button.is-active{color:#122923}
.td-story .td-counter{color:#bccbc6}
.td-story .td-footnote{color:#b2c2bb}
.td-story .td-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.td-story .td-cards h3{font-size:28px;margin:22px 0 16px}
.td-story .td-cards .td-number{font-family:Urbanist,sans-serif;font-size:54px;line-height:1;color:#b9ded3}
.td-story .td-cleaner{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:22px;margin-bottom:32px;padding:25px;background:#edf2ec;color:#172624;border-radius:16px}
.td-story .td-cleaner img{max-height:120px;object-fit:contain;mix-blend-mode:multiply}
.td-story .td-cleaner h4{font-size:23px;margin-bottom:8px}
.td-story .td-cleaner p{color:#596960;font-size:15px}
.td-story .td-kit .td-photo{max-width:700px;margin:20px auto 0}
.td-story .td-more-grid .td-photo{align-self:start}
.td-story .td-panel-wide{display:flex;flex-direction:column}
.td-story .td-panel-wide .td-panel-copy{max-width:620px;margin:0 auto;text-align:center;order:-1}
.td-story .td-panel-wide .td-photo{width:100%}
.td-story .td-panel-wide .td-panel-copy>p:last-child{max-width:none}
@container(max-width:650px){.td-story .td-cards{grid-template-columns:1fr;gap:32px}.td-story .td-cards>div+div{padding-top:28px;border-top:1px solid var(--td-line)}.td-story .td-cutout img{max-height:320px}.td-story .td-cleaner{padding:18px;grid-template-columns:52px 1fr;gap:15px}.td-story .td-hero{padding-top:34px}.td-story .td-tabs{max-width:100%}.td-story .td-tabs button{padding:11px 14px}}
@media(prefers-reduced-motion:reduce){.td-story *, .td-story *:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
