/* Toucan lamp history page (seo_content.history_body). Site tokens from pop.css: ink outlines, near-square
   corners, hard shadows on hover, satin labels. */
.tl-page.tl-history{max-width:1180px;padding:28px var(--pop-side,24px) 72px;font-size:17px;line-height:1.65;color:var(--pop-ink)}
.tl-page.tl-history h2{font:800 clamp(28px,3.4vw,40px)/1.08 Arial,Helvetica,sans-serif;letter-spacing:-.025em;margin:10px 0 14px}
.tl-page.tl-history h3{font:800 18px/1.25 Arial,Helvetica,sans-serif;margin:8px 0 6px}
.tl-page.tl-history p{margin:0 0 14px}
.tl-page.tl-history a{color:var(--pop-ink)}
.tl-h-section{margin-top:clamp(56px,8vw,96px)}
.tl-h-prose{max-width:760px}
/* Hero */
.tl-h-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center;margin-top:12px}
.tl-page.tl-history .tl-h-hero h1{font:800 clamp(40px,5.6vw,68px)/.98 Arial,Helvetica,sans-serif;letter-spacing:-.035em;margin:14px 0 18px}
.tl-page.tl-history .tl-lede{font-size:clamp(18px,1.6vw,21px);line-height:1.5;color:#3b423a}
.tl-h-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:22px}
.tl-h-link{font-weight:800;text-underline-offset:4px}
.tl-h-hero-media{position:relative;margin:0;display:grid;grid-template-columns:100%;gap:12px}
.tl-h-hero-media .tl-h-lit{justify-self:end}
.tl-h-hero-media>img{grid-area:1/1;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:2px solid var(--pop-ink);border-radius:var(--pop-r);background:#cbcbcb;transition:box-shadow .25s var(--pop-ease),transform .25s var(--pop-ease)}
.tl-h-hero-media:hover>img{box-shadow:-6px 6px 0 var(--pop-ink);transform:translate(3px,-3px)}
.tl-h-hero-media .tl-h-night{opacity:0;transition:opacity .45s ease,box-shadow .25s var(--pop-ease),transform .25s var(--pop-ease)}
.tl-h-hero-media.is-lit .tl-h-night{opacity:1}
.tl-page.tl-history .tl-h-lit{margin:0}
/* Timeline */
.tl-h-timeline{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:18px;position:relative}
.tl-h-timeline::before{content:"";position:absolute;left:0;right:0;top:44px;height:3px;background:var(--pop-ink);border-radius:2px}
.tl-h-step{position:relative;padding-top:78px}
.tl-h-step::before{content:"";position:absolute;left:0;top:33px;width:22px;height:22px;border-radius:50%;background:var(--c);border:3px solid var(--pop-ink);box-shadow:0 0 0 4px var(--pop-paper,#efe9de)}
.tl-h-year{position:absolute;left:0;top:-6px;font:900 34px/1 Arial,Helvetica,sans-serif;letter-spacing:-.03em;color:var(--c);-webkit-text-stroke:1.5px var(--pop-ink);paint-order:stroke fill}
.tl-h-step p{font-size:15px;line-height:1.55;color:#3b423a}
.tl-h-anim .tl-h-step{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .6s var(--pop-ease);transition-delay:calc(var(--i,0)*110ms)}
.tl-h-anim .tl-h-step.is-in{opacity:1;transform:none}
/* Split sections: media beside text */
.tl-h-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center}
.tl-h-split.is-flip>figure{order:2}
.tl-h-split figure{margin:0}
.tl-h-split video,.tl-h-split figure img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:2px solid var(--pop-ink);border-radius:var(--pop-r);background:#cbcbcb}
/* Names as tags */
.tl-page.tl-history .tl-h-tags{list-style:none;padding:0!important;margin:16px 0 18px;display:flex;flex-wrap:wrap;gap:8px}
.tl-page.tl-history .tl-h-tags li{margin:0!important;padding:7px 12px;border:2px solid var(--pop-ink);border-radius:var(--pop-r);background:var(--pop-card);font:700 14px/1.2 Arial,Helvetica,sans-serif;transition:transform .15s ease,background .15s ease}
.tl-h-tags li:hover{background:var(--pop-sun);transform:translate(-1px,-1px)}
/* Colors: hover switches each lamp on */
.tl-h-colors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:22px}
.tl-h-color{display:grid;gap:8px;align-content:start;text-decoration:none;color:var(--pop-ink)}
.tl-h-color-img{position:relative;display:block;aspect-ratio:1;border:2px solid var(--pop-ink);border-radius:var(--pop-r);overflow:hidden;background:#cbcbcb;transition:transform .2s var(--pop-ease),box-shadow .2s var(--pop-ease)}
.tl-h-color-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tl-h-color-img .tl-h-color-lit{opacity:0;transition:opacity .35s ease}
.tl-h-color:hover .tl-h-color-img,.tl-h-color:focus-visible .tl-h-color-img{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--pop-ink)}
.tl-h-color:hover .tl-h-color-lit,.tl-h-color:focus-visible .tl-h-color-lit{opacity:1}
.tl-h-color b{font:700 14px/1.2 Arial,Helvetica,sans-serif}
/* Vintage vs new */
.tl-h-versus{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}
.tl-h-card{border:2px solid var(--pop-ink);border-radius:var(--pop-r);padding:22px 22px 10px}
.tl-h-card.is-vintage{background:#e9e0cc;color:#4b4a42}
.tl-h-card.is-new{background:var(--pop-sun-soft,#fff1c2)}
.tl-h-card-tag{display:inline-block;padding:5px 9px;border:2px solid var(--pop-ink);border-radius:var(--pop-r);background:var(--pop-card);font:800 11px/1 Arial,Helvetica,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--pop-ink)}
.tl-h-card dl{margin:14px 0 0}
.tl-h-card dl>div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid #1f262022}
.tl-h-card dt{font:800 12px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.08em;text-transform:uppercase;opacity:.75}
.tl-h-card dd{margin:0;font-weight:600}
.tl-page.tl-history .tl-sources{font-size:13px;opacity:.7;margin-top:22px}
@media(max-width:999px){.tl-h-timeline{grid-auto-flow:row;grid-template-columns:minmax(0,1fr);gap:0}.tl-h-timeline::before{left:10px;right:auto;top:8px;bottom:8px;width:3px;height:auto}
  .tl-h-step{padding:0 0 26px 46px}.tl-h-step::before{left:0;top:6px}.tl-h-year{position:static;display:block;font-size:30px;margin-bottom:2px}}
@media(max-width:749px){.tl-h-hero,.tl-h-split{grid-template-columns:minmax(0,1fr)}.tl-h-split.is-flip>figure{order:0}.tl-h-hero-media{order:-1}
  .tl-h-colors{grid-template-columns:repeat(2,minmax(0,1fr))}.tl-h-versus{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.tl-h-anim .tl-h-step{opacity:1;transform:none;transition:none}}
/* Vintage originals: placeholder illustrations now, owner-permitted photos later (seo_content.VINTAGE). */
.tl-h-vintage{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:22px}
.tl-h-vcard{margin:0;display:grid;gap:10px;align-content:start}
.tl-h-vimg{position:relative;aspect-ratio:1;border:2px solid var(--pop-ink);border-radius:var(--pop-r);overflow:hidden;background:#e8dcc0;transition:transform .2s var(--pop-ease),box-shadow .2s var(--pop-ease)}
.tl-h-vimg svg,.tl-h-vimg img{display:block;width:100%;height:100%;object-fit:cover}
.tl-h-vcard:hover .tl-h-vimg{transform:translate(-2px,-2px) rotate(-.6deg);box-shadow:4px 4px 0 var(--pop-ink)}
.tl-h-vtag{position:absolute;left:10px;top:10px;padding:5px 8px;background:var(--pop-card);border:2px solid var(--pop-ink);border-radius:var(--pop-r);font:800 10px/1 Arial,Helvetica,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--pop-ink)}
.tl-h-vcard figcaption{display:grid;gap:2px}
.tl-h-vcard figcaption b{font:700 14px/1.3 Arial,Helvetica,sans-serif}
.tl-h-vcard figcaption span{font:500 12.5px/1.3 Arial,Helvetica,sans-serif;opacity:.7}
@media(max-width:749px){.tl-h-vintage{grid-template-columns:repeat(2,minmax(0,1fr))}.tl-h-vtag{font-size:9px;left:7px;top:7px}}
/* Journal articles (articles.py): gift and checklist cards with drawn icons, a render trio, the index. */
.tl-j-trio{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-self:center}
.tl-j-trio img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:2px solid var(--pop-ink);border-radius:var(--pop-r);background:#cbcbcb;transition:transform .25s var(--pop-ease),box-shadow .25s var(--pop-ease)}
.tl-j-trio img:nth-child(2){transform:translateY(-18px)}
.tl-j-trio img:hover{transform:translate(-2px,-4px);box-shadow:4px 4px 0 var(--pop-ink)}
.tl-j-feature{position:relative;margin:0;aspect-ratio:1;border:2px solid var(--pop-ink);border-radius:var(--pop-r);overflow:hidden}
.tl-j-feature svg{display:block;width:100%;height:100%}
.tl-page.tl-history .tl-j-points{padding-left:20px;margin:0 0 18px}
.tl-page.tl-history .tl-j-points li{margin:6px 0}
.tl-j-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}
.tl-j-card{background:var(--pop-card);border:2px solid var(--pop-ink);border-radius:var(--pop-r);padding:14px 16px 6px;transition:transform .2s var(--pop-ease),box-shadow .2s var(--pop-ease)}
.tl-j-card:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--pop-ink)}
.tl-j-icon{aspect-ratio:16/10;border:2px solid var(--pop-ink);border-radius:var(--pop-r);overflow:hidden;margin-bottom:12px}
.tl-j-icon svg{display:block;width:100%;height:100%}
.tl-page.tl-history .tl-j-card h3{margin:0 0 6px}
.tl-page.tl-history .tl-j-card p{font-size:15px;line-height:1.55;color:#3b423a}
.tl-page.tl-history .tl-j-note{margin-top:18px;padding:14px 16px;border:2px solid var(--pop-ink);border-radius:var(--pop-r);background:var(--pop-sun-soft,#fff1c2);font-size:15px}
.tl-j-head{max-width:760px;margin-top:12px}
.tl-page.tl-history .tl-j-head h1{font:800 clamp(40px,5.6vw,64px)/.98 Arial,Helvetica,sans-serif;letter-spacing:-.035em;margin:14px 0 14px}
.tl-j-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:36px}
.tl-page.tl-history .tl-j-entry{display:grid;gap:10px;align-content:start;text-decoration:none;color:var(--pop-ink)}
.tl-j-entry-img{display:block;aspect-ratio:1;border:2px solid var(--pop-ink);border-radius:var(--pop-r);overflow:hidden;background:#cbcbcb;transition:transform .2s var(--pop-ease),box-shadow .2s var(--pop-ease)}
.tl-j-entry-img img{display:block;width:100%;height:100%;object-fit:cover}
.tl-j-entry:hover .tl-j-entry-img{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--pop-ink)}
.tl-j-entry .pop-satin{justify-self:start}
.tl-j-entry b{font:800 22px/1.15 Arial,Helvetica,sans-serif;letter-spacing:-.02em}
.tl-j-entry-desc{font-size:15px;line-height:1.5;color:#3b423a}
@media(max-width:999px){.tl-j-cards,.tl-j-index{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:749px){.tl-j-cards,.tl-j-index{grid-template-columns:minmax(0,1fr)}.tl-j-trio img:nth-child(2){transform:none}}
/* Light guide (articles.LIGHT): the kelvin scene and slider (history.js), the scale, 2700K vs 3000K cards. */
.tl-k-scene{margin:0;display:grid;gap:12px}
.tl-k-photo{position:relative;aspect-ratio:16/10;border:2px solid var(--pop-ink);border-radius:var(--pop-r);overflow:hidden;background:#15120f}
.tl-k-photo img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.tl-k-photo .tl-k-b{opacity:0}
.tl-k-ui{display:grid;gap:12px}
.tl-k-ui[hidden]{display:none}
.tl-page.tl-history .tl-k-read{display:flex;align-items:center;gap:14px;margin:0;min-height:3.4em}
.tl-k-num{flex:none;min-width:3.1em;font:900 34px/1 Arial,Helvetica,sans-serif;letter-spacing:-.03em;color:var(--k);-webkit-text-stroke:1.5px var(--pop-ink);paint-order:stroke fill}
.tl-k-read span{font-size:15px;line-height:1.45;color:#3b423a}
.tl-k-quick{display:flex;flex-wrap:wrap;gap:8px}
.tl-page.tl-history .tl-k-quick button{font:800 14px/1 Arial,Helvetica,sans-serif;padding:9px 12px;border:2px solid var(--pop-ink);border-radius:var(--pop-r);background:var(--pop-card);color:var(--pop-ink);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.tl-page.tl-history .tl-k-quick button:hover{transform:translate(-1px,-1px);box-shadow:2px 2px 0 var(--pop-ink)}
.tl-page.tl-history .tl-k-quick button[aria-pressed="true"]{background:var(--pop-sun);box-shadow:2px 2px 0 var(--pop-ink)}
.tl-page.tl-history .tl-k-range{-webkit-appearance:none;appearance:none;display:block;width:100%;height:18px;margin:6px 0;padding:0;border:2px solid var(--pop-ink);border-radius:var(--pop-r);background:linear-gradient(90deg,#ff8400 0%,#ffa757 14.3%,#ffb16e 19.6%,#ffcea6 37.5%,#ffe4ce 55.4%,#fffefa 82.1%,#e6ebff 100%);cursor:pointer}
.tl-k-range::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:30px;border:2px solid var(--pop-ink);border-radius:var(--pop-r);background:var(--pop-card);box-shadow:2px 2px 0 var(--pop-ink)}
.tl-k-range::-moz-range-thumb{width:20px;height:26px;border:2px solid var(--pop-ink);border-radius:var(--pop-r);background:var(--pop-card);box-shadow:2px 2px 0 var(--pop-ink)}
.tl-k-range:focus-visible{outline:3px solid var(--pop-ink);outline-offset:3px}
.tl-page.tl-history .tl-k-fine{font-size:12.5px;opacity:.65}
.tl-k-scale{margin-top:22px}
.tl-k-bar{display:block;height:22px;border:2px solid var(--pop-ink);border-radius:var(--pop-r);background:linear-gradient(90deg,#ff8400 0%,#ffa757 17.4%,#ffb16e 23.9%,#ffcea6 45.7%,#ffe4ce 67.4%,#fffefa 100%)}
.tl-page.tl-history .tl-k-stops{list-style:none;padding:0;margin:16px 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.tl-page.tl-history .tl-k-stops li{position:relative;margin:0;padding-left:30px;display:grid;gap:4px;align-content:start}
.tl-k-stops li::before{content:"";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:var(--k);border:2px solid var(--pop-ink)}
.tl-k-stops b{font:900 18px/1.1 Arial,Helvetica,sans-serif;justify-self:start}
.tl-k-stops li.is-ours b{background:var(--pop-sun);box-shadow:0 0 0 3px var(--pop-sun)}
.tl-k-stops span{font-size:14px;line-height:1.4;color:#3b423a}
.tl-k-vs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}
.tl-h-card.tl-k-card{background:var(--pop-card);padding-top:0;overflow:hidden}
.tl-k-glow{display:block;height:150px;margin:0 -22px 16px;border-bottom:2px solid var(--pop-ink);background:#3a3a3a;background:radial-gradient(ellipse 62% 90% at 50% 0%,#fff 0%,var(--k) 36%,color-mix(in srgb,var(--k) 30%,#1f2620) 100%)}
/* Style guide (articles.STYLES): render plus drawn lamp tiles in the hero; renders inside card tiles. */
.tl-j-mosaic{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tl-j-mosaic .is-big{grid-column:span 2;grid-row:span 2;display:block;width:100%;height:100%;aspect-ratio:1;object-fit:cover;border:2px solid var(--pop-ink);border-radius:var(--pop-r);background:#cbcbcb}
.tl-j-tile{aspect-ratio:1;border:2px solid var(--pop-ink);border-radius:var(--pop-r);overflow:hidden;transition:transform .2s var(--pop-ease),box-shadow .2s var(--pop-ease)}
.tl-j-tile:hover{transform:translate(-2px,-2px) rotate(-1deg);box-shadow:4px 4px 0 var(--pop-ink)}
.tl-j-tile svg{display:block;width:100%;height:100%}
.tl-j-icon img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.tl-j-card.is-feature{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);grid-template-rows:1fr auto auto 1fr;column-gap:24px;padding:14px}
.tl-j-card.is-feature .tl-j-icon{grid-row:1/5;margin:0}
.tl-page.tl-history .tl-j-card.is-feature h3{grid-row:2;grid-column:2;font-size:24px;margin:0 0 6px}
.tl-page.tl-history .tl-j-card.is-feature p{grid-row:3;grid-column:2}
.tl-page.tl-history .tl-j-card.is-feature p{font-size:16px;max-width:560px}
@media(max-width:999px){.tl-page.tl-history .tl-k-stops{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:749px){.tl-j-card.is-feature{display:block;padding:14px 16px 6px}.tl-j-card.is-feature .tl-j-icon{margin-bottom:12px}.tl-k-vs{grid-template-columns:minmax(0,1fr)}.tl-page.tl-history .tl-k-stops{grid-template-columns:repeat(2,minmax(0,1fr))}.tl-k-num{font-size:30px}}