/* THINKLAB — ENLIGHTENING 1.2 */
:root{--tl-ink:#0b1b28;--tl-muted:#67757f;--tl-line:#d9ded9;--tl-paper:#f7f6f0;--tl-white:#fff;--tl-gold:#b89545;--tl-sage:#e9ede7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.thinklab-page{margin:0;background:var(--tl-paper);color:var(--tl-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.thinklab-page a{color:inherit;text-decoration:none}
.tl-header{position:fixed;inset:0 0 auto;z-index:100;background:rgba(247,246,240,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(11,27,40,.08)}
.tl-nav{width:min(1380px,calc(100% - 48px));min-height:78px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.tl-brand{font-size:1.15rem;font-weight:800;letter-spacing:.16em}.tl-brand span{color:var(--tl-gold)}.tl-desktop-nav{display:flex;gap:24px;font-size:.82rem;color:#50606b}.tl-desktop-nav a:hover,.tl-desktop-nav a.active{color:var(--tl-ink)}.tl-actions{display:flex;align-items:center;gap:18px}.tl-languages{display:flex;gap:5px}.tl-languages a{padding:5px 8px;font-size:.7rem;color:#71808a}.tl-languages a.active{color:var(--tl-ink);border-bottom:1px solid var(--tl-gold)}.menu-btn{display:none;border:0;background:none;font-size:1.5rem;color:var(--tl-ink);cursor:pointer}.mobile-nav{display:none}
.tl-threshold{position:relative;min-height:100vh;overflow:hidden;padding:150px 24px 96px;background:linear-gradient(180deg,#fff 0%,#fbfaf6 58%,var(--tl-paper) 100%)}.tl-daylight{position:absolute;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 0 55%,rgba(231,213,154,.16) 64%,rgba(255,255,255,.02) 78%);clip-path:polygon(56% 0,100% 0,100% 82%,74% 100%,61% 100%)}.tl-threshold-inner{position:relative;width:min(1180px,100%);margin:auto;text-align:center}.tl-threshold-mark,.tl-room-index{display:flex;justify-content:center;gap:16px;font-size:.64rem;letter-spacing:.22em;font-weight:800;color:#7b8680}.tl-threshold-mark span+span,.tl-room-index span+span{padding-left:16px;border-left:1px solid #bfc7c1}.tl-threshold h1{margin:42px auto 0;max-width:1120px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.6rem,8vw,7.8rem);line-height:.94;letter-spacing:-.06em;font-weight:500}.tl-instruction{margin:34px 0 58px;color:var(--tl-muted);font-size:.9rem;letter-spacing:.02em}
.tl-artworks{display:grid;grid-template-columns:repeat(2,1fr);width:min(1040px,100%);margin:auto;gap:34px 42px}.tl-artwork{position:relative;min-height:210px;padding:34px 38px;display:grid;grid-template-columns:44px 1fr auto;gap:24px;align-items:end;text-align:left;border:1px solid var(--tl-line);background:rgba(255,255,255,.55);color:var(--tl-ink);cursor:pointer;overflow:hidden;transition:transform .45s ease,background .45s ease,border-color .45s ease,box-shadow .45s ease}.tl-artwork::before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(247,246,240,.4));opacity:0;transition:opacity .45s ease}.tl-artwork:hover,.tl-artwork.is-active{transform:translateY(-5px);background:#fff;border-color:#c8cec9;box-shadow:0 24px 70px rgba(37,48,44,.08)}.tl-artwork:hover::before,.tl-artwork.is-active::before{opacity:1}.tl-artwork>*{position:relative}.tl-artwork-number{align-self:start;font-size:.68rem;color:var(--tl-gold);letter-spacing:.16em}.tl-artwork-title{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.55rem,2.5vw,2.25rem);line-height:1.18}.tl-artwork-arrow{align-self:start;color:#8b9690;font-size:1.15rem;transition:transform .35s ease}.tl-artwork:hover .tl-artwork-arrow{transform:translate(4px,4px)}
.tl-reflection{min-height:82vh;display:grid;place-items:center;padding:120px 24px;background:var(--tl-sage);border-top:1px solid #d7ddd7;border-bottom:1px solid #d7ddd7}.tl-reflection-inner{width:min(980px,100%);text-align:center}.tl-reflection-question{margin:56px 0 20px;color:#66736d;font-size:.9rem}.tl-reflection-text{margin:0 auto;max-width:900px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.6rem,5.6vw,5.3rem);line-height:1.08;letter-spacing:-.045em;font-weight:500}.tl-walk{display:inline-flex;flex-direction:column;gap:8px;margin-top:64px;color:#66736d;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}
.tl-principle{min-height:92vh;display:grid;place-items:center;padding:130px 24px;background:#fff}.tl-principle-inner{width:min(1080px,100%);text-align:center}.tl-principle blockquote{margin:58px 0 0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.2rem,7vw,7rem);line-height:.98;letter-spacing:-.05em;font-weight:500}.tl-principle blockquote span{display:block;margin-top:28px;color:var(--tl-gold)}
.tl-gallery{padding:140px 24px;background:var(--tl-paper)}.tl-gallery-head,.tl-exhibitions{width:min(1100px,100%);margin:auto}.tl-gallery-head .tl-room-index{justify-content:flex-start}.tl-gallery-head h2{margin:46px 0 78px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.9rem,6vw,5.8rem);font-weight:500;letter-spacing:-.05em}.tl-exhibitions{border-top:1px solid #cfd5d0}.tl-exhibition{display:grid;grid-template-columns:90px 1fr auto;gap:28px;align-items:center;padding:42px 8px;border-bottom:1px solid #cfd5d0;transition:padding .3s ease,background .3s ease}.tl-exhibition:hover{padding-left:22px;padding-right:22px;background:rgba(255,255,255,.7)}.tl-exhibition-number{font-size:.75rem;color:var(--tl-gold);letter-spacing:.14em}.tl-exhibition p{margin:0 0 8px;font-size:.65rem;letter-spacing:.18em;color:#7d8982}.tl-exhibition h3{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.55rem,3vw,2.5rem);font-weight:500}.tl-exhibition>span{font-size:.82rem;color:#64716b}
.tl-exit{min-height:72vh;display:grid;place-content:center;text-align:center;padding:110px 24px;background:#eef1ec}.tl-exit h2{margin:54px 0 34px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3rem,7vw,6.5rem);font-weight:500;letter-spacing:-.05em}.tl-exit a{justify-self:center;border-bottom:1px solid #7a8580;padding-bottom:5px}.tl-footer{padding:34px 5vw;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;background:#e7eae4;color:#6a756f;font-size:.78rem}.tl-footer strong{color:var(--tl-ink);letter-spacing:.14em}
.tl-artwork{opacity:0;transform:translateY(22px)}.tl-artwork.is-ready{opacity:1;transform:translateY(0)}
@media(max-width:980px){.tl-desktop-nav,.tl-languages{display:none}.menu-btn{display:block}.mobile-nav{position:absolute;top:78px;left:0;right:0;padding:18px 24px 26px;background:rgba(247,246,240,.99);border-bottom:1px solid var(--tl-line)}.mobile-nav.is-open{display:grid;gap:0}.mobile-nav>a{padding:13px 0;border-bottom:1px solid var(--tl-line);color:var(--tl-ink)}.mobile-lang{display:flex;gap:12px;padding-top:18px;font-size:.78rem}.mobile-lang a.active{color:var(--tl-gold)}.tl-artworks{gap:20px}.tl-artwork{min-height:180px}}
@media(max-width:720px){.tl-nav{width:min(100% - 28px,1380px)}.tl-threshold{padding:124px 14px 72px}.tl-artworks{grid-template-columns:1fr;gap:16px}.tl-artwork{min-height:138px;padding:24px;grid-template-columns:34px 1fr auto}.tl-reflection,.tl-principle,.tl-gallery{padding:92px 18px}.tl-exhibition{grid-template-columns:54px 1fr}.tl-exhibition>span{display:none}.tl-threshold-mark,.tl-room-index{gap:10px;font-size:.58rem}.tl-threshold-mark span+span,.tl-room-index span+span{padding-left:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tl-artwork{opacity:1;transform:none;transition:none}}

/* ROOM 02 — QUIET VIEWERS */
.tl-viewers{
  position:relative;
  width:min(760px,86vw);
  height:86px;
  margin:40px auto 0;
  overflow:hidden;
}
.tl-floor-line{
  position:absolute;
  left:0;right:0;bottom:12px;
  height:1px;
  background:rgba(11,27,40,.18);
}
.tl-viewer{
  position:absolute;
  bottom:12px;
  width:24px;
  height:54px;
  color:rgba(11,27,40,.72);
  opacity:0;
}
.tl-viewer svg{
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.tl-viewer-one{
  left:12%;
  animation:viewer-one 18s ease-in-out infinite;
}
.tl-viewer-two{
  right:12%;
  animation:viewer-two 22s ease-in-out 5s infinite;
}
@keyframes viewer-one{
  0%{transform:translateX(-55px);opacity:0}
  8%{opacity:.72}
  34%{transform:translateX(210px);opacity:.72}
  46%,62%{transform:translateX(210px);opacity:.72}
  88%{transform:translateX(470px);opacity:.72}
  100%{transform:translateX(560px);opacity:0}
}
@keyframes viewer-two{
  0%{transform:translateX(70px);opacity:0}
  10%{opacity:.58}
  38%{transform:translateX(-120px);opacity:.58}
  48%,66%{transform:translateX(-120px);opacity:.58}
  90%{transform:translateX(-320px);opacity:.58}
  100%{transform:translateX(-380px);opacity:0}
}
@media(max-width:720px){
  .tl-viewers{width:min(92vw,560px);height:72px}
  .tl-viewer{width:20px;height:46px}
}
@media(prefers-reduced-motion:reduce){
  .tl-viewer{animation:none;opacity:.45}
  .tl-viewer-one{left:32%}
  .tl-viewer-two{right:32%}
}

/* THINKLAB 1.4 — STUDY WALL */
.tl-mini-gallery{
  width:min(1080px,100%);
  margin:58px auto 0;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:28px;
  align-items:start;
}
.tl-study{margin:0;opacity:.42;transition:opacity .4s ease,transform .4s ease}
.tl-study.is-selected{opacity:1;transform:translateY(-8px)}
.tl-canvas{
  position:relative;
  aspect-ratio:4/5;
  overflow:hidden;
  background:#faf9f5;
  border:10px solid #f5f3ec;
  box-shadow:0 0 0 1px #cfd5d0,0 16px 36px rgba(30,43,38,.07);
}
.tl-study figcaption{
  margin-top:12px;
  font-size:.62rem;
  letter-spacing:.16em;
  color:#74807a;
  text-transform:uppercase;
}
.tl-canvas span{position:absolute;display:block}

/* TL-001 Pressure */
.tl-study-pressure .tl-canvas{background:#ece7da}
.tl-pressure-band{left:12%;right:12%;height:14%;background:#132637}
.band-one{top:18%}.band-two{top:42%;width:62%;right:auto}.band-three{top:66%;width:38%;right:auto}
.tl-pressure-fracture{width:2px;height:78%;background:#b89545;left:66%;top:10%;transform:rotate(11deg);transform-origin:center}

/* TL-002 Silence */
.tl-study-silence .tl-canvas{background:#eef1ec}
.tl-silence-field{inset:14%;border:1px solid #9aa69f}
.tl-silence-gap{left:14%;right:14%;top:49%;height:3px;background:#eef1ec;box-shadow:0 0 0 8px #eef1ec}
.tl-silence-point{width:10px;height:10px;border-radius:50%;background:#b89545;right:21%;top:46%}

/* TL-003 Trust */
.tl-study-trust .tl-canvas{background:#f6f4ee}
.tl-trust-frame{inset:18%;border:2px solid #122534}
.tl-trust-line{left:18%;right:18%;top:50%;height:1px;background:#122534}
.tl-trust-opening{width:28%;height:28%;right:18%;bottom:18%;background:#f6f4ee;border-left:2px solid #b89545;border-top:2px solid #b89545}

/* TL-004 Change */
.tl-study-change .tl-canvas{background:#ebe9e2}
.tl-change-form{border:2px solid #243946}
.form-one{width:46%;height:46%;left:16%;top:16%;transform:rotate(-8deg)}
.form-two{width:38%;height:38%;right:14%;bottom:16%;border-color:#b89545;transform:rotate(7deg)}
.tl-change-thread{width:1px;height:64%;left:50%;top:18%;background:#7f8a84;transform:rotate(28deg)}

.tl-viewers{margin-top:26px}
.tl-viewer{transform-origin:bottom center}
.tl-viewer-one{left:22%;animation:viewer-look-one 17s ease-in-out infinite}
.tl-viewer-two{right:22%;animation:viewer-look-two 19s ease-in-out 3s infinite}
@keyframes viewer-look-one{
  0%{transform:translateX(-160px) rotate(0deg);opacity:0}
  9%{opacity:.7}
  28%{transform:translateX(15px) rotate(0deg);opacity:.7}
  38%,66%{transform:translateX(15px) rotate(-5deg);opacity:.78}
  82%{transform:translateX(120px) rotate(0deg);opacity:.65}
  100%{transform:translateX(230px);opacity:0}
}
@keyframes viewer-look-two{
  0%{transform:translateX(170px) rotate(0deg);opacity:0}
  10%{opacity:.55}
  30%{transform:translateX(-10px) rotate(0deg);opacity:.55}
  42%,70%{transform:translateX(-10px) rotate(5deg);opacity:.64}
  86%{transform:translateX(-130px) rotate(0deg);opacity:.5}
  100%{transform:translateX(-240px);opacity:0}
}
@media(max-width:900px){
  .tl-mini-gallery{grid-template-columns:repeat(2,1fr);max-width:720px}
}
@media(max-width:560px){
  .tl-mini-gallery{grid-template-columns:1fr 1fr;gap:16px}
  .tl-study figcaption{font-size:.54rem}
}
@media(prefers-reduced-motion:reduce){
  .tl-viewer-one,.tl-viewer-two{animation:none}
  .tl-viewer-one{left:35%;opacity:.5}
  .tl-viewer-two{right:35%;opacity:.5}
}

/* THINKLAB 1.5 — LIVING MUSEUM */
.tl-reflection{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(180deg,#eef1ec 0%,#eef1ec 72%,#e8e9e4 72%,#e4e2dc 100%);
}
.tl-reflection::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:11%;
  height:1px;
  background:rgba(11,27,40,.18);
  box-shadow:0 18px 46px rgba(11,27,40,.08);
}
.tl-reflection-inner{position:relative;z-index:2}
.tl-gallery-wall{
  position:absolute;
  left:0;right:0;
  top:0;bottom:28%;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 20% 35%,rgba(255,244,205,.30),transparent 24%),
    radial-gradient(ellipse at 47% 35%,rgba(255,244,205,.23),transparent 22%),
    radial-gradient(ellipse at 73% 35%,rgba(255,244,205,.20),transparent 22%),
    radial-gradient(ellipse at 90% 35%,rgba(255,244,205,.18),transparent 20%);
  opacity:.9;
}
.tl-mini-gallery{position:relative;z-index:2}
.tl-study::before{
  content:"";
  display:block;
  width:38px;
  height:6px;
  margin:0 auto 9px;
  border-radius:999px;
  background:#f4efe1;
  box-shadow:
    0 5px 16px rgba(184,149,69,.24),
    0 10px 28px rgba(255,238,182,.28);
}
.tl-canvas{
  box-shadow:
    0 0 0 1px #cfd5d0,
    0 18px 42px rgba(30,43,38,.09),
    0 6px 24px rgba(255,242,196,.18);
}
.tl-viewers{
  z-index:4;
  height:118px;
  margin-top:18px;
}
.tl-floor-line{
  bottom:18px;
  background:rgba(11,27,40,.22);
}
.tl-viewer{
  bottom:18px;
  width:26px;
  height:60px;
  z-index:6;
  filter:drop-shadow(0 7px 7px rgba(11,27,40,.12));
}
.tl-gaze{
  position:absolute;
  z-index:3;
  height:78px;
  width:260px;
  bottom:70px;
  opacity:0;
  pointer-events:none;
  filter:blur(.6px);
  background:linear-gradient(90deg,rgba(255,240,188,0),rgba(255,235,165,.28));
  clip-path:polygon(0 47%,100% 0,100% 100%,0 53%);
}
.tl-gaze-one{
  left:22%;
  transform-origin:left center;
  transform:rotate(-31deg);
  animation:gaze-one 17s ease-in-out infinite;
}
.tl-gaze-two{
  right:22%;
  transform-origin:right center;
  transform:rotate(31deg) scaleX(-1);
  animation:gaze-two 19s ease-in-out 3s infinite;
}
@keyframes gaze-one{
  0%,31%,69%,100%{opacity:0}
  39%,62%{opacity:.9}
}
@keyframes gaze-two{
  0%,35%,73%,100%{opacity:0}
  44%,67%{opacity:.78}
}
.tl-principle{overflow:hidden}
.tl-principle-quote span{
  opacity:0;
  transform:translateY(28px);
  animation:reveal-principle 1.7s ease forwards;
  animation-delay:.35s;
}
@keyframes reveal-principle{
  to{opacity:1;transform:translateY(0)}
}
.tl-catalog-label{
  width:min(1100px,100%);
  margin:0 auto 18px;
  font-size:.62rem;
  letter-spacing:.2em;
  color:#7a857f;
}
.tl-exhibition{
  position:relative;
  overflow:hidden;
}
.tl-exhibition::after{
  content:"";
  position:absolute;
  left:0;bottom:0;
  width:0;height:1px;
  background:var(--tl-gold);
  transition:width .45s ease;
}
.tl-exhibition:hover::after{width:100%}
@media(max-width:720px){
  .tl-gaze{width:160px;height:58px;bottom:60px}
  .tl-viewers{height:92px}
}
@media(prefers-reduced-motion:reduce){
  .tl-gaze-one,.tl-gaze-two,.tl-principle-quote span{animation:none}
  .tl-principle-quote span{opacity:1;transform:none}
}


/* THINKLAB 1.6 — MUSEUM REBUILD */
.tl-reflection{
  min-height:1180px;
  padding:116px 24px 84px;
  background:#eef0eb;
}
.tl-reflection-inner{width:min(1240px,100%)}
.museum-stage{
  position:relative;
  width:min(1180px,100%);
  min-height:690px;
  margin:54px auto 0;
  overflow:hidden;
  background:
    linear-gradient(180deg,#f5f5f1 0 69%,#e2dfd7 69% 100%);
  border:1px solid #d6d8d2;
  box-shadow:0 28px 70px rgba(30,40,35,.10);
}
.museum-wall{
  position:absolute;
  inset:0 0 31% 0;
  background:
    linear-gradient(90deg,rgba(255,255,255,.55),transparent 25%,rgba(255,255,255,.35) 55%,transparent),
    #f4f4f0;
  border-bottom:1px solid #c9ccc6;
}
.museum-wall::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;height:12px;
  background:linear-gradient(180deg,rgba(0,0,0,.08),transparent);
}
.museum-spot{
  position:absolute;
  top:0;
  width:20%;
  height:74%;
  transform:translateX(-50%);
  clip-path:polygon(46% 0,54% 0,100% 100%,0 100%);
  background:linear-gradient(180deg,rgba(255,248,216,.42),rgba(255,242,190,.08) 72%,transparent);
  filter:blur(1.2px);
}
.spot-1{left:14%}.spot-2{left:39%}.spot-3{left:64%}.spot-4{left:89%}

.museum-works{
  position:absolute;
  z-index:3;
  left:4.5%;right:4.5%;
  top:20%;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:34px;
  align-items:end;
}
.museum-work{
  margin:0;
  opacity:.5;
  transform:translateY(0);
  transition:opacity .45s ease,transform .45s ease,filter .45s ease;
  filter:saturate(.78);
}
.museum-work.is-selected{
  opacity:1;
  transform:translateY(-10px);
  filter:saturate(1);
}
.museum-frame{
  padding:10px;
  background:#f8f6f0;
  border:1px solid #b9b9b3;
  box-shadow:
    0 18px 34px rgba(31,40,36,.13),
    0 3px 6px rgba(31,40,36,.08);
}
.museum-art{
  position:relative;
  aspect-ratio:4/5;
  overflow:hidden;
  border:1px solid rgba(9,27,42,.12);
}
.museum-art span{position:absolute;display:block}
.art-pressure{background:#ece6d7}
.art-pressure .bar{left:13%;height:14%;background:#10283c}
.art-pressure .b1{top:17%;right:14%}
.art-pressure .b2{top:42%;width:63%}
.art-pressure .b3{top:67%;width:38%}
.art-pressure .fracture{left:66%;top:8%;width:3px;height:84%;background:#b89545;transform:rotate(12deg)}
.art-silence{background:#edf1ec}
.art-silence .field{inset:13%;border:2px solid #89968f}
.art-silence .gap{left:10%;right:10%;top:48%;height:18px;background:#edf1ec}
.art-silence .point{width:13px;height:13px;border-radius:50%;right:20%;top:46%;background:#b89545}
.art-trust{background:#f6f3ea}
.art-trust .outer{inset:16%;border:3px solid #112536}
.art-trust .middle{left:16%;right:16%;top:50%;height:2px;background:#112536}
.art-trust .opening{width:31%;height:31%;right:16%;bottom:16%;background:#f6f3ea;border-left:3px solid #b89545;border-top:3px solid #b89545}
.art-change{background:#e9e8e2}
.art-change .shape{border:3px solid #203747}
.art-change .s1{width:48%;height:48%;left:14%;top:14%;transform:rotate(-8deg)}
.art-change .s2{width:40%;height:40%;right:12%;bottom:14%;border-color:#b89545;transform:rotate(8deg)}
.art-change .thread{left:50%;top:16%;width:2px;height:68%;background:#7a8680;transform:rotate(28deg)}
.museum-work figcaption{
  display:flex;
  gap:8px;
  align-items:baseline;
  margin-top:13px;
  color:#606d67;
  font-size:.66rem;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.museum-work figcaption strong{color:#9b761f}

.museum-floor{
  position:absolute;
  z-index:4;
  left:0;right:0;bottom:0;height:31%;
  background:
    linear-gradient(90deg,rgba(0,0,0,.025),transparent 28%,rgba(255,255,255,.18) 53%,transparent),
    linear-gradient(180deg,#e4e1d9,#d9d5cb);
  border-top:1px solid #c3c5bf;
}
.museum-floor::after{
  content:"";
  position:absolute;left:0;right:0;top:68%;
  height:1px;background:rgba(9,27,42,.18);
}
.viewer{
  position:absolute;
  bottom:10px;
  width:78px;
  height:174px;
  color:#18303e;
  opacity:.86;
  filter:drop-shadow(0 12px 10px rgba(16,35,46,.14));
}
.viewer svg{position:relative;z-index:3;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.viewer .head{fill:#18303e;stroke:#18303e}
.viewer-left{left:28%;animation:viewer-pause-left 16s ease-in-out infinite}
.viewer-right{right:26%;animation:viewer-pause-right 18s ease-in-out 2s infinite}
.gaze{
  position:absolute;
  z-index:1;
  top:14px;
  width:310px;
  height:94px;
  opacity:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(255,241,178,.30),rgba(255,240,174,.08),transparent);
  clip-path:polygon(0 45%,100% 0,100% 100%,0 55%);
  filter:blur(1px);
}
.gaze-left{left:47px;transform:rotate(-24deg);transform-origin:left center;animation:gaze-pulse-left 16s ease-in-out infinite}
.gaze-right{right:47px;transform:scaleX(-1) rotate(-24deg);transform-origin:right center;animation:gaze-pulse-right 18s ease-in-out 2s infinite}

@keyframes viewer-pause-left{
  0%{transform:translateX(-120px);opacity:0}
  12%{opacity:.84}
  30%{transform:translateX(0)}
  34%,70%{transform:translateX(0) rotate(-2deg)}
  88%{transform:translateX(95px);opacity:.76}
  100%{transform:translateX(150px);opacity:0}
}
@keyframes viewer-pause-right{
  0%{transform:translateX(120px);opacity:0}
  12%{opacity:.78}
  30%{transform:translateX(0)}
  36%,72%{transform:translateX(0) rotate(2deg)}
  90%{transform:translateX(-92px);opacity:.70}
  100%{transform:translateX(-150px);opacity:0}
}
@keyframes gaze-pulse-left{
  0%,31%,72%,100%{opacity:0}
  38%,66%{opacity:.82}
}
@keyframes gaze-pulse-right{
  0%,33%,74%,100%{opacity:0}
  40%,68%{opacity:.72}
}
.museum-line{
  position:absolute;
  z-index:5;
  left:0;right:0;bottom:18px;
  margin:0;
  text-align:center;
  color:#58655f;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1rem,1.6vw,1.35rem);
}
.tl-exhibition.latest{background:rgba(255,255,255,.48)}
.tl-exhibition-number small{
  display:block;
  margin-bottom:5px;
  color:#8a7b55;
  font-size:.48rem;
  letter-spacing:.12em;
}
@media(max-width:900px){
  .museum-stage{min-height:820px}
  .museum-works{grid-template-columns:repeat(2,1fr);top:14%;left:8%;right:8%}
  .museum-floor{height:24%}
  .museum-wall{bottom:24%}
  .viewer-left{left:18%}.viewer-right{right:16%}
}
@media(max-width:620px){
  .tl-reflection{min-height:auto;padding:90px 14px 70px}
  .museum-stage{min-height:760px}
  .museum-works{gap:18px;left:5%;right:5%;top:12%}
  .museum-frame{padding:6px}
  .viewer{width:54px;height:124px}
  .viewer-left{left:20%}.viewer-right{right:18%}
  .gaze{width:190px;height:66px;top:10px}
  .gaze-left{left:34px}.gaze-right{right:34px}
  .museum-line{font-size:.88rem;bottom:12px}
}
@media(prefers-reduced-motion:reduce){
  .viewer-left,.viewer-right,.gaze-left,.gaze-right{animation:none}
  .viewer-left,.viewer-right{opacity:.82}
}


/* THINKLAB 1.6.1 — MUSEUM QUALITY UPGRADE */
.gaze,.gaze-left,.gaze-right{display:none!important}
.museum-stage{
  min-height:650px;
  border:0;
  background:linear-gradient(180deg,#f7f6f1 0 70%,#d7b27a 70% 100%);
  box-shadow:0 28px 80px rgba(22,32,28,.12),inset 0 0 0 1px rgba(45,55,49,.08);
}
.museum-wall{
  inset:0 0 30% 0;
  background:
    linear-gradient(90deg,rgba(225,218,205,.62) 0 8%,transparent 8% 92%,rgba(225,218,205,.62) 92% 100%),
    linear-gradient(180deg,#fbfaf6,#f2f1eb);
  border-bottom:1px solid #cbc9c1;
}
.museum-wall::after{
  content:"";
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(54,63,58,.07),transparent 7%,transparent 93%,rgba(54,63,58,.07)),
    radial-gradient(ellipse at center top,rgba(255,255,255,.8),transparent 66%);
}
.museum-works{left:6%;right:6%;top:17%;gap:42px}
.museum-frame{
  padding:13px;
  background:linear-gradient(145deg,#d8b874,#a98137);
  border:1px solid #8f6e2e;
  box-shadow:0 16px 30px rgba(30,38,34,.16),0 3px 8px rgba(30,38,34,.12),inset 0 0 0 5px rgba(255,247,219,.44);
}
.museum-art{border:8px solid #f6f1e6}
.museum-work figcaption{justify-content:center;margin-top:11px}
.museum-work.is-selected{transform:translateY(-8px) scale(1.015)}
.museum-spot{
  width:17%;height:72%;opacity:.72;filter:blur(2px);
  background:linear-gradient(180deg,rgba(255,249,219,.56),rgba(255,244,190,.12) 70%,transparent);
}
.museum-floor{
  height:30%;
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.13) 0 2px,rgba(137,93,45,.05) 2px 5px,transparent 5px 72px),
    linear-gradient(180deg,#d7b27a,#c99d63 62%,#bb8950);
  border-top:1px solid #b8874b;
}
.museum-floor::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.17),transparent 55%);
}
.museum-floor::after{top:72%;background:rgba(93,62,30,.26)}
.viewer{
  width:58px;height:138px;bottom:14px;color:#253b46;opacity:.78;
  filter:drop-shadow(0 9px 7px rgba(16,35,46,.16));
}
.viewer svg{stroke-width:3.3}
.viewer .head{fill:#253b46;stroke:#253b46}
.viewer .nose{stroke-width:3;opacity:0}
.viewer-left{left:30%;animation:visitor-left 18s ease-in-out infinite}
.viewer-right{right:29%;animation:visitor-right 20s ease-in-out 2s infinite}
.viewer-left .nose-left{animation:nose-left-on 18s step-end infinite}
.viewer-left .nose-right{animation:nose-right-on 18s step-end infinite}
.viewer-right .nose-left{animation:nose-right2-left 20s step-end 2s infinite}
.viewer-right .nose-right{animation:nose-right2-right 20s step-end 2s infinite}
@keyframes visitor-left{
  0%{transform:translateX(-95px);opacity:0}
  10%{opacity:.76}
  28%{transform:translateX(0)}
  32%,58%{transform:translateX(0) rotate(-2deg)}
  64%,76%{transform:translateX(0) rotate(2deg)}
  90%{transform:translateX(80px);opacity:.68}
  100%{transform:translateX(125px);opacity:0}
}
@keyframes visitor-right{
  0%{transform:translateX(95px);opacity:0}
  10%{opacity:.72}
  28%{transform:translateX(0)}
  34%,58%{transform:translateX(0) rotate(2deg)}
  64%,78%{transform:translateX(0) rotate(-2deg)}
  91%{transform:translateX(-82px);opacity:.66}
  100%{transform:translateX(-128px);opacity:0}
}
@keyframes nose-left-on{0%,31%{opacity:0}32%,61%{opacity:1}62%,100%{opacity:0}}
@keyframes nose-right-on{0%,61%{opacity:0}62%,79%{opacity:1}80%,100%{opacity:0}}
@keyframes nose-right2-left{0%,61%{opacity:0}62%,81%{opacity:1}82%,100%{opacity:0}}
@keyframes nose-right2-right{0%,33%{opacity:0}34%,61%{opacity:1}62%,100%{opacity:0}}
.museum-line{bottom:20px;color:#3f4c47}
@media(max-width:900px){
  .museum-stage{min-height:790px}
  .museum-works{top:12%;gap:24px}
  .museum-floor{height:25%}
  .museum-wall{bottom:25%}
}
@media(max-width:620px){
  .museum-stage{min-height:730px}
  .museum-works{gap:14px;left:5%;right:5%}
  .museum-frame{padding:7px}
  .museum-art{border-width:5px}
  .viewer{width:45px;height:108px}
}
@media(prefers-reduced-motion:reduce){
  .viewer-left,.viewer-right,
  .viewer-left .nose-left,.viewer-left .nose-right,
  .viewer-right .nose-left,.viewer-right .nose-right{animation:none}
  .viewer-left .nose-left,.viewer-right .nose-right{opacity:1}
}


/* THINKLAB 1.6.2 — HYBRID MUSEUM */
.tl-reflection-hybrid{
  min-height:auto;
  padding:92px 18px 72px;
  background:#eef1ec;
}
.tl-reflection-hybrid .tl-reflection-inner{
  width:min(1500px,100%);
}
.hybrid-museum{
  position:relative;
  width:min(1500px,100%);
  margin:0 auto;
  overflow:hidden;
  background:#f4f1eb;
  box-shadow:
    0 28px 80px rgba(19,32,27,.14),
    0 0 0 1px rgba(24,42,34,.07);
}
.hybrid-museum-image{
  display:block;
  width:100%;
  height:auto;
  user-select:none;
  -webkit-user-drag:none;
}
.hybrid-active-frame{
  position:absolute;
  top:34.5%;
  height:35.5%;
  border:2px solid transparent;
  box-shadow:none;
  opacity:0;
  pointer-events:none;
  transition:opacity .45s ease,box-shadow .45s ease,border-color .45s ease;
}
.hybrid-active-frame.is-active{
  opacity:1;
  border-color:rgba(184,149,69,.78);
  box-shadow:
    0 0 0 8px rgba(184,149,69,.08),
    0 18px 44px rgba(76,55,18,.20);
}
.hybrid-active-1{left:10.7%;width:17.4%}
.hybrid-active-2{left:33.3%;width:17.4%}
.hybrid-active-3{left:55.8%;width:17.4%}
.hybrid-active-4{left:78.4%;width:17.4%}
.hybrid-live-copy{
  position:absolute;
  left:50%;
  top:15.7%;
  transform:translateX(-50%);
  width:min(620px,56%);
  text-align:center;
  color:#0b1b28;
  text-shadow:0 1px 0 rgba(255,255,255,.72);
}
.hybrid-question{
  margin:0 0 8px;
  font-size:.76rem;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:#8c772e;
  opacity:.88;
}
.hybrid-answer{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.1rem,1.7vw,1.65rem);
  line-height:1.25;
}
.tl-reflection-hybrid .tl-walk{
  margin-top:44px;
}
@media(max-width:900px){
  .tl-reflection-hybrid{padding:76px 10px 62px}
  .hybrid-live-copy{top:14.5%;width:68%}
  .hybrid-question{font-size:.62rem}
  .hybrid-answer{font-size:clamp(.92rem,2.5vw,1.25rem)}
}
@media(max-width:620px){
  .tl-reflection-hybrid{padding:64px 0 54px}
  .hybrid-museum{
    width:100%;
    box-shadow:none;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
  }
  .hybrid-museum-image{
    width:980px;
    max-width:none;
  }
  .hybrid-live-copy{
    position:sticky;
    left:50vw;
    top:0;
    width:78vw;
    transform:translateX(-50%);
  }
  .hybrid-active-frame{display:none}
}
@media(prefers-reduced-motion:reduce){
  .hybrid-active-frame{transition:none}
}


/* THINKLAB 1.6.3 — MOBILE MUSEUM FIX */
@media(max-width:620px){
  .tl-reflection-hybrid{
    padding:36px 0 48px;
    overflow:hidden;
  }
  .tl-reflection-hybrid .tl-reflection-inner{
    width:100%;
  }
  .hybrid-museum{
    width:100%;
    overflow:hidden;
    box-shadow:none;
    background:#f4f1eb;
  }
  .hybrid-museum-image{
    display:block;
    width:100%;
    max-width:100%;
    height:auto;
    object-fit:contain;
  }
  .hybrid-live-copy{
    display:none;
  }
  .hybrid-active-frame{
    display:none;
  }
  .tl-reflection-hybrid .tl-walk{
    margin-top:26px;
  }
}


/* THINKLAB 1.6.4 — SUBTLE LIVING MUSEUM */
.museum-moving-visitor{
  position:absolute;
  z-index:5;
  left:-7%;
  bottom:6.8%;
  width:42px;
  height:100px;
  color:rgba(34,53,63,.72);
  opacity:0;
  filter:drop-shadow(0 7px 6px rgba(19,33,39,.18));
  animation:museum-walk 24s ease-in-out infinite;
  pointer-events:none;
}
.museum-moving-visitor svg{
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:3;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.museum-moving-visitor .mv-head{
  fill:currentColor;
  stroke:currentColor;
}
.museum-moving-visitor .mv-nose{opacity:0}
.museum-moving-visitor .mv-nose-left{animation:mv-look-left 24s step-end infinite}
.museum-moving-visitor .mv-nose-right{animation:mv-look-right 24s step-end infinite}

@keyframes museum-walk{
  0%{left:-7%;opacity:0;transform:translateY(0)}
  7%{opacity:.72}
  28%{left:28%;opacity:.72;transform:translateY(0)}
  34%,53%{left:28%;opacity:.78;transform:translateY(0) rotate(-1.5deg)}
  60%{left:28%;opacity:.78;transform:translateY(0) rotate(1.5deg)}
  79%{left:72%;opacity:.68;transform:translateY(0)}
  93%{left:101%;opacity:.55}
  100%{left:106%;opacity:0}
}
@keyframes mv-look-left{
  0%,32%{opacity:0}
  33%,55%{opacity:1}
  56%,100%{opacity:0}
}
@keyframes mv-look-right{
  0%,55%{opacity:0}
  56%,65%{opacity:1}
  66%,100%{opacity:0}
}
.hybrid-active-frame.is-active{
  animation:active-work-breathe 4.8s ease-in-out infinite;
}
@keyframes active-work-breathe{
  0%,100%{box-shadow:0 0 0 8px rgba(184,149,69,.06),0 18px 44px rgba(76,55,18,.16)}
  50%{box-shadow:0 0 0 11px rgba(184,149,69,.11),0 22px 52px rgba(76,55,18,.22)}
}
@media(max-width:620px){
  .museum-moving-visitor{
    width:28px;
    height:68px;
    bottom:7.2%;
    animation-duration:20s;
  }
}
@media(prefers-reduced-motion:reduce){
  .museum-moving-visitor,
  .hybrid-active-frame.is-active{
    animation:none;
  }
  .museum-moving-visitor{display:none}
}
/* THINKLAB 1.6.5 — REMOVE FAILED OVERLAY VISITOR */
.museum-moving-visitor{display:none!important}
/* ==========================================
   THINKLAB MUSEUM INTRO
========================================== */

.tl-museum-intro{

    margin-top:28px;

    margin-bottom:60px;

    font-size:28px;

    line-height:1.8;

    font-weight:300;

    color:#23384d;

    text-align:center;

}

.tl-museum-intro strong{

    font-weight:500;

}

@media (max-width:768px){

    .tl-museum-intro{

        font-size:22px;

        line-height:1.6;

        margin-bottom:45px;

    }

}