/* Identity is a permanent chapter: branding, a real channel image, one confirmed relationship. */
.i13,.f13{--i13-ink:var(--ink,#172b35);--i13-blue:var(--accent,#246b82);--i13-muted:var(--muted,#58676e);--i13-line:color-mix(in srgb,var(--i13-ink) 16%,transparent);color:var(--i13-ink);font-family:inherit}
.i13 *,.f13 *{box-sizing:border-box}.i13 [hidden]{display:none!important}.i13{padding:70px max(4vw,24px);position:relative;isolation:isolate;scroll-margin-top:85px}.i13 h2,.i13 h3,.i13 p,.f13 p{margin:0}.i13 h2{font-size:clamp(36px,4.1vw,64px);font-weight:550;line-height:1.06;letter-spacing:-.052em;text-wrap:balance}.i13 h3{font-size:26px;line-height:1.2;font-weight:550;letter-spacing:-.028em}.i13 .i13-kicker{font-size:16px;color:var(--i13-muted);margin-bottom:22px}.i13 .i13-lead{font-size:21px;line-height:1.5;letter-spacing:-.012em;margin-top:26px;max-width:45ch}.i13 a,.i13 button,.f13 a,.f13 summary{font:inherit;font-size:16px}.i13 button{cursor:pointer}.i13 :is(a,button,[tabindex]):focus-visible,.f13 :is(a,summary):focus-visible{outline:3px solid var(--i13-blue);outline-offset:5px}.i13 a{text-decoration:none}.i13-link{display:inline-flex;align-items:center;gap:13px;color:var(--i13-blue);min-height:44px;font-weight:550!important}.i13-link:hover{text-decoration:underline;text-underline-offset:5px}.i13 svg[viewBox="0 0 24 24"]{width:21px;height:21px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
.i13-about{display:grid;grid-template-columns:1fr 1.05fr;gap:6vw;align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--i13-blue) 5%,var(--bg,#f7f8f5)),var(--bg,#f7f8f5));border-block:1px solid var(--i13-line)}.i13-about-copy{max-width:650px}.i13-profile{font-size:18px;line-height:1.6;color:var(--i13-muted);margin-top:18px!important;max-width:53ch}.i13-about-art{position:relative;min-height:510px;display:flex;flex-direction:column;justify-content:center;align-items:center;perspective:1000px;min-width:0}.i13-orbit{position:absolute;inset:3% -5% 20%;background:radial-gradient(ellipse at center,#6caec62c,transparent 69%);border-radius:50%}.i13-wave{display:flex;gap:5px;align-items:center;justify-content:center;height:260px;position:absolute;inset:0 -6% auto;transform:rotate(-13deg);opacity:.42;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.i13-wave i{display:block;flex:1;height:var(--bar);background:linear-gradient(180deg,#78c0d7,#307d99 45%,#b7d3da);border-radius:5px;box-shadow:inset 1px 0 #ffffffb0,inset -1px 0 #27627e44;transform-origin:center}.i13-brand-plaque{width:min(86%,450px);background:linear-gradient(145deg,#fff,#f4f7f6);padding:25px 30px 20px;border:1px solid #fff;border-radius:18px;box-shadow:0 28px 48px -30px #294c626b,0 2px 0 #ccd8dc,0 5px 0 #e6edec;transform:rotate(-5deg);position:relative;z-index:1;transition:transform .8s cubic-bezier(.2,.75,.25,1)}.i13-brand-plaque img{width:100%;height:auto;display:block;mix-blend-mode:multiply}.i13-brand-plaque>span{display:block;text-align:center;margin-top:10px;color:#456371;font-size:16px;border-top:1px solid #dbe5e7;padding-top:18px}.i13-story-film{width:90%;display:grid;grid-template-columns:112px 1fr;gap:19px;align-items:center;position:relative;margin-top:36px;color:var(--i13-ink);line-height:1.5;z-index:2}.i13-story-film>span:last-child{font-size:17px;max-width:30ch}.i13-story-film strong{display:flex;align-items:center;gap:14px;color:var(--i13-blue);font-weight:500;font-size:16px;margin-top:5px}.i13-story-poster{width:112px;height:76px;position:relative;border-radius:8px;overflow:hidden;box-shadow:0 8px 18px #122c3d18}.i13-story-poster img{width:100%;height:100%;object-fit:cover}.i13-story-poster>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#173e54d9;color:white;font-size:14px;border:1px solid #ffffff99}.i13-story-film:hover .i13-story-poster>span{background:#236680}
.i13-tabs{display:flex;gap:26px;border-bottom:1px solid var(--i13-line);margin:27px 0 20px}.i13-tabs button{min-height:48px;padding:10px 0 13px;border:0;border-bottom:2px solid transparent;background:none;color:var(--i13-muted);font-size:16px;white-space:nowrap}.i13-tabs button[aria-selected=true]{color:var(--i13-blue);border-bottom-color:var(--i13-blue)}.i13-panels{min-height:137px}.i13-panels h3{font-size:23px}.i13-panels p{font-size:18px;line-height:1.55;color:var(--i13-muted);margin-top:11px;max-width:47ch}.i13-about-copy>.i13-link{margin-top:12px}
.i13-relationships{max-width:1600px;margin:auto;padding-top:76px;padding-bottom:62px}.i13-relationship-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:7vw;align-items:end}.i13-relationship-heading h2{font-size:clamp(36px,3.7vw,58px)}.i13-relationship-heading .i13-lead{font-size:20px;margin:0 0 3px;color:var(--i13-muted);max-width:42ch}.i13-relationship-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:6vw;align-items:center;margin-top:35px}.i13-relationship-story{min-width:0}/* A permanent listening sequence; the collaborator roster is separate from the story. */
/* A photographic equipment study, reusable across the relationships chapter.
   The supplied reference objects are visual material, never collaborator claims. */
.i17-access-art{position:relative;height:405px;min-width:0;isolation:isolate;perspective:1100px;--i13-x:0;--i13-y:0;--i17-hero-x:51%;--i17-hero-scale:1;--i17-second-x:25%;--i17-second-scale:.82;--i17-second-opacity:0;--i17-key-x:62%;--i17-key-strength:.36;--i17-light-spread:58%;--i17-stage-tone:#dde7e7;--i17-camera-turn:-3deg;}
.i17-access-art::before{content:"";position:absolute;inset:3px -1% 44px;border-radius:50%;background:radial-gradient(ellipse at var(--i17-key-x) 47%,color-mix(in srgb,var(--i13-blue) 9%,transparent),transparent 70%);transition:background 1.1s;pointer-events:none;}
.i17-equipment-stage{position:absolute;inset:4px 0 38px;overflow:hidden;border-radius:30px;isolation:isolate;perspective:1000px;background:radial-gradient(ellipse at var(--i17-key-x) 36%,#fff9,transparent var(--i17-light-spread)),linear-gradient(164deg,color-mix(in srgb,var(--i17-stage-tone) 28%,var(--bg,#f7f8f5)),color-mix(in srgb,var(--i17-stage-tone) 12%,var(--bg,#f7f8f5)) 56%,color-mix(in srgb,var(--i13-blue) 10%,var(--bg,#f7f8f5)));transition:background 1.1s,border-radius 1.1s;}
.i17-stage-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at 53% 33%,transparent 38%,color-mix(in srgb,var(--i13-blue) 11%,transparent));opacity:.4;transition:opacity 1.1s;pointer-events:none;}
.i17-stage-light{position:absolute;left:var(--i17-key-x);top:-10%;width:53%;height:116%;background:linear-gradient(95deg,transparent,#ffffff80 48%,#ffffff0a 78%,transparent);filter:blur(24px);opacity:var(--i17-key-strength);transform:translateX(-50%) rotate(-15deg);transition:left 1.1s,width 1.1s,opacity 1.1s,transform 1.1s;pointer-events:none;}
.i17-stage-floor{position:absolute;left:-15%;right:-15%;top:77%;height:40%;border-top:1px solid #ffffff80;border-radius:50% 50% 0 0 / 14% 14% 0 0;background:radial-gradient(ellipse at 50% 0%,#ffffff8c,transparent 60%);transform:perspective(900px) rotateX(24deg);transform-origin:center top;opacity:.64;transition:opacity 1.1s;}
.i17-stage-camera{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateY(var(--i17-camera-turn));transform-origin:50% 83%;transition:transform 1.1s cubic-bezier(.2,.7,.25,1);}
.i17-speaker{position:absolute;bottom:25px;width:70%;height:95%;margin:0;transform-origin:50% 100%;transition:left 1.15s cubic-bezier(.2,.7,.25,1),transform 1.15s cubic-bezier(.2,.7,.25,1),opacity .9s,filter 1.1s;will-change:transform;}
.i17-speaker-hero{left:var(--i17-hero-x);z-index:3;transform:translateX(-50%) scale(var(--i17-hero-scale));filter:drop-shadow(5px 5px 4px #142f3c12);}
.i17-speaker-secondary{left:var(--i17-second-x);z-index:2;height:86%;opacity:var(--i17-second-opacity);transform:translateX(-50%) scale(var(--i17-second-scale));filter:saturate(.64) drop-shadow(4px 4px 4px #142f3c12);}
.i17-speaker>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block;transform:translateY(4%);}
.i17-speaker>.i17-speaker-reflection{top:100%;bottom:auto;transform:scaleY(-1) translateY(4%);opacity:.18;mask-image:linear-gradient(to top,#000 0%,#0000 25%);filter:blur(1px);pointer-events:none;}
.i17-contact-shadow{position:absolute;bottom:-7px;left:32%;width:42%;height:19px;border-radius:50%;background:radial-gradient(ellipse,#102b3552,transparent 69%);filter:blur(3px);transform:scaleY(.62);z-index:-1;}
.i17-speaker-secondary .i17-contact-shadow{left:29%;width:46%;opacity:.7;}
.i17-finish-light{position:absolute;inset:0;mask-image:var(--i17-speaker-mask);mask-size:contain;mask-position:center bottom;mask-repeat:no-repeat;background:linear-gradient(108deg,transparent 14%,#ffffff40 29%,transparent 43%);background-size:260% 100%;background-position:100% 0;mix-blend-mode:screen;opacity:.55;pointer-events:none;transform:translateY(4%);}
.i17-art-caption{position:absolute;inset:auto 2% 0;display:flex;align-items:center;justify-content:center;gap:11px;color:var(--i13-muted);min-height:28px;}
.i17-art-caption>span{display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--i13-line);border-radius:50%;font-size:11px;font-variant-numeric:tabular-nums;flex-shrink:0;}
.i17-art-caption p{font-size:13px;line-height:1.4;}
.i16-collaborators{border-top:1px solid var(--i13-line);padding-top:24px;margin-top:34px;display:flex;gap:30px;align-items:center;justify-content:space-between}.i16-collaborators>div{max-width:47ch}.i16-collaborators .i16-collaborator-label{font-size:14px;color:var(--i13-ink);font-weight:550;margin-bottom:6px}.i16-collaborators p{font-size:14px;line-height:1.5;color:var(--i13-muted)}.i16-collaborators ul{list-style:none;display:flex;flex-wrap:wrap;gap:18px;margin:0;padding:0;justify-content:flex-end}.i16-collaborators li{display:grid;place-items:center;width:110px;height:98px;background:#fff;border:1px solid #e5e8e7;border-radius:11px;padding:5px 9px}.i16-collaborators img{width:100%;height:100%;object-fit:contain;display:block}

.i13-story-controls{display:flex;border-bottom:1px solid var(--i13-line);gap:0;justify-content:space-between}.i13-story-controls button{border:0;border-bottom:2px solid transparent;background:none;color:var(--i13-muted);padding:13px 8px 15px;min-height:62px;font-size:16px;line-height:1.4;text-align:left}.i13-story-controls button:first-child{padding-left:0}.i13-story-controls button:last-child{padding-right:0}.i13-story-controls span{display:block;font-size:16px;margin-bottom:4px;opacity:.6;font-variant-numeric:tabular-nums}.i13-story-controls button[aria-selected=true]{color:var(--i13-blue);border-bottom-color:var(--i13-blue)}.i13-relationship-panels{min-height:225px;padding-top:28px}.i13-relationship-panels h3{font-size:31px;max-width:21ch}.i13-relationship-panels p{font-size:19px;line-height:1.6;max-width:45ch;color:var(--i13-muted);margin-top:17px}.i13-relationship-foot{border-top:1px solid var(--i13-line);padding-top:21px;display:flex;gap:18px;align-items:center;justify-content:space-between}.i13-relationship-foot p{font-size:16px;line-height:1.55;color:var(--i13-muted)}
/* Motion transforms permanent layers; no layout changes or scroll lock. */
.cinema-enabled .i13-brand-plaque{transform:translateY(calc((1 - var(--approach,1))*34px)) rotate(calc(-9deg + var(--approach,1)*4deg)) rotateY(calc(var(--i13-x,0)*4deg))}.cinema-enabled .i13-wave{transform:translateY(calc((1 - var(--approach,1))*-35px)) rotate(-13deg)}.cinema-enabled.cinema-page-visible .i13.cinema-in-view .i13-wave i{animation:i13-wave-breathe 6s ease-in-out infinite;animation-delay:calc(var(--i)*-.14s)}.cinema-enabled .i13-about-art:hover .i13-brand-plaque{transform:rotate(-2deg) rotateY(calc(var(--i13-x,0)*8deg)) translateY(-5px)}.cinema-enabled .i13 [role=tabpanel]:not([hidden]){animation:i13-panel-in .38s ease-out}.cinema-enabled .i13-link svg{transition:transform .25s}.cinema-enabled .i13-link:hover svg{transform:translateX(4px)}@keyframes i13-wave-breathe{0%,100%{transform:scaleY(.82);opacity:.72}50%{transform:scaleY(1);opacity:1}}@keyframes i13-panel-in{from{opacity:.55;transform:translateY(6px)}to{opacity:1;transform:none}}
/* The directory is deliberately quieter and denser than editorial content. */
.f13{background:color-mix(in srgb,var(--i13-blue) 5%,var(--bg,#f7f8f5));border-top:1px solid var(--i13-line);padding:32px max(4vw,24px) 22px;font-size:14px;line-height:1.45}.f13-inner{max-width:1472px;margin:auto}.f13 :is(a,summary){font-size:14px}.f13 a{text-decoration:none;color:var(--i13-muted)}.f13 a:hover{text-decoration:underline;text-underline-offset:4px;color:var(--i13-blue)}.f13-masthead{display:flex;align-items:center;gap:30px;padding-bottom:26px;border-bottom:1px solid var(--i13-line)}.f13-masthead>p{font-size:14px;line-height:1.6;color:var(--i13-muted)}.f13-masthead>a:last-child{margin-left:auto;min-height:44px;display:flex;align-items:center}.f13-nav{display:grid;grid-template-columns:.8fr 1fr 1.08fr 1.05fr 1.45fr;gap:28px;padding:26px 0}.f13-group summary{min-height:34px;font-weight:600;list-style:none;display:flex;justify-content:space-between;color:var(--i13-ink)}.f13-group summary::-webkit-details-marker{display:none}.f13-group summary span{display:none}.f13-group ul{margin:0;padding:0;list-style:none}.f13-group a{display:inline-flex;align-items:center;min-height:33px;line-height:1.4;padding:7px 0}.f13-contact h2{font-size:14px;margin:0 0 3px;min-height:25px;font-weight:600}.f13-contact>a{color:var(--i13-blue);overflow-wrap:anywhere;min-height:33px;display:inline-flex;align-items:center}.f13-contact>p{font-size:13px;line-height:1.6;margin-top:7px;max-width:29ch;color:var(--i13-muted)}/* Icons lead; account addresses live in the destinations, not in the directory. */
.f16-socials{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;list-style:none;padding:0;margin:20px 0 0;max-width:290px}
.f16-socials li{min-width:0}
.f16-socials .f21-social{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:79px;padding:0 1px;line-height:1.3;text-align:center;border-radius:8px;color:var(--i13-blue)}
.f21-social-icon{display:grid;place-items:center;width:44px;height:44px;transition:transform .2s ease}
.f16-socials svg{display:block;width:36px;height:36px;fill:currentColor;flex-shrink:0}
/* Match optical weight: the landscape YouTube mark needs a wider, tighter canvas. */
.f16-socials .f21-youtube{width:48px;height:36px}
.f16-socials .f16-play{fill:var(--bg,#f7f8f5)}
.f16-socials .f21-outline{fill:none;stroke:currentColor;stroke-width:1.8}
.f16-socials .f21-dot{fill:currentColor;stroke:none}
.f16-socials .f21-social-name{font-size:10.5px;font-weight:550;white-space:nowrap;color:var(--i13-ink)}
.f16-socials .f21-social-status{font-size:10px;color:var(--i13-muted)}
.f16-socials .f21-social-pending{color:var(--i13-muted)}
.f16-socials a:hover{text-decoration:none}
.f16-socials a:hover .f21-social-icon,.f16-socials a:focus-visible .f21-social-icon{transform:translateY(-3px)}
.f16-socials a:hover .f21-social-name{text-decoration:underline;text-underline-offset:3px}
@media(prefers-reduced-motion:reduce){.f21-social-icon{transition:none}.f16-socials a:hover .f21-social-icon,.f16-socials a:focus-visible .f21-social-icon{transform:none}}
.f13-base{display:flex;flex-wrap:wrap;gap:14px 25px;align-items:flex-start;border-top:1px solid var(--i13-line);padding-top:17px;color:var(--i13-muted);font-size:12px;line-height:1.5}.f13-base>details{margin-left:auto;max-width:44ch}.f13-base summary{cursor:pointer;min-height:28px;font-size:12px}.f13-base details>p{margin-top:10px}.f13-base>p:first-child{color:var(--i13-ink)}[data-theme=dark] .i13-story-poster{border:1px solid #5b899d}[data-theme=dark] .i13-brand-plaque{box-shadow:0 25px 55px -20px #02090f,0 2px 0 #486775,0 5px 0 #24404c}[data-theme=dark] .i17-equipment-stage{background:radial-gradient(ellipse at var(--i17-key-x) 35%,#46718066,transparent var(--i17-light-spread)),linear-gradient(165deg,#17313a,#12222a 70%,#1d3540)}[data-theme=dark] .i17-stage-floor{border-top-color:#7696a54d;background:radial-gradient(ellipse at 50% 0%,#7696a530,transparent 65%)}[data-theme=dark] .i17-stage-light{opacity:calc(var(--i17-key-strength)*.55)}[data-theme=dark] .i17-speaker>.i17-speaker-reflection{opacity:.12}
@media(min-width:1700px){.i13-about{padding-inline:max(4vw,calc((100vw - 1472px)/2))}}
@media(max-width:1100px){.i13{padding-inline:32px}.i13-about{gap:4vw;grid-template-columns:.9fr 1.1fr}.i13-about-art{min-height:430px}.i13-wave{height:215px}.i13-brand-plaque{padding:18px 21px}.i13-story-film{grid-template-columns:83px 1fr;gap:13px}.i13-story-poster{width:83px;height:70px}.i13-story-film>span:last-child{font-size:16px}.i13 h2{font-size:43px}.i13-tabs{gap:17px}.i13-panels{min-height:162px}.i13-relationship-grid{gap:4vw}.i13-relationship-panels{min-height:260px}.i13-relationship-foot{flex-direction:column;align-items:flex-start;gap:8px}.f13-nav{grid-template-columns:repeat(4,1fr);gap:22px}.f13-contact{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:30px;padding-top:20px;border-top:1px solid var(--i13-line)}.f13-contact h2{grid-column:1}.f13-contact>a{grid-column:1;grid-row:2}.f13-contact>p{grid-column:2;grid-row:1/3;margin:0}.f16-socials{grid-column:1/-1;grid-row:3;margin:18px 0 0;width:290px;max-width:100%}.f13-base>details{margin-left:0}}
@media(max-width:760px){.i13{padding:48px 22px}.i13 h2,.i13-relationship-heading h2{font-size:clamp(34px,8.6vw,47px)}.i13 .i13-lead{font-size:20px;margin-top:20px}.i13-about{grid-template-columns:1fr;gap:25px}.i13-about-copy{order:0}.i13-about-art{order:1;min-height:375px;max-width:480px;width:100%;margin:auto;padding-top:40px}.i13-wave{height:220px;inset:0 -10% auto;gap:4px}.i13-brand-plaque{width:78%;max-width:340px;padding:17px 24px}.i13-brand-plaque>span{font-size:16px;padding-top:10px;margin-top:6px}.i13-story-film{margin-top:25px;grid-template-columns:88px 1fr;width:96%}.i13-story-poster{width:88px;height:66px}.i13-tabs{gap:0;justify-content:space-between;margin-top:20px}.i13-tabs button{font-size:16px}.i13-profile{font-size:18px}.i13-panels{min-height:162px}.i13-relationship-heading{grid-template-columns:1fr;gap:21px}.i13-relationship-heading .i13-lead{font-size:19px;margin:0}.i13-relationship-grid{grid-template-columns:minmax(0,1fr);gap:11px;margin-top:12px}.i17-access-art{height:330px;max-width:480px;width:100%;margin:auto}.i17-equipment-stage{inset:0 0 33px;border-radius:23px}.i17-speaker{height:94%;bottom:24px;width:70%}.i17-speaker-secondary{height:86%}.i17-art-caption{bottom:0;gap:9px}.i17-art-caption p{font-size:12px}.i16-collaborators{margin-top:24px;gap:18px;padding-top:20px}.i16-collaborators>div{max-width:27ch}.i16-collaborators p{font-size:13px}.i16-collaborators li{width:89px;height:82px}.i16-collaborators ul{flex-shrink:0}.i13-story-controls{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,.95fr) minmax(0,1.45fr);width:100%;min-width:0}.i13-story-controls button{padding-inline:4px;font-size:16px;max-width:none;min-width:0;width:100%}.i13-relationship-panels{min-height:239px;padding-top:23px}.i13-relationship-panels h3{font-size:28px}.i13-relationship-panels p{font-size:18px}.i13-relationship-foot{flex-direction:row;align-items:flex-start;gap:20px}.i13-relationship-foot p,.i13-relationship-foot a{font-size:16px}.i13-relationship-foot a{max-width:12ch}.f13{padding:22px}.f13-masthead{gap:20px;padding-bottom:20px}.f13-masthead>p{font-size:12px;max-width:21ch}.f16-socials{margin-top:16px}.f13-masthead>a:last-child{display:none}.f13-nav{display:block;padding:8px 0 22px}.f13-group{border-bottom:1px solid var(--i13-line)}.f13-group summary{min-height:53px;align-items:center;cursor:pointer}.f13-group summary span{display:block;font-size:21px;font-weight:400}.f13-group[open] summary span{transform:rotate(45deg)}.f13-group ul{padding:0 0 12px}.f13-group a{min-height:44px}.f13-contact{display:block;border:0;padding-top:24px}.f13-contact h2{margin-bottom:0}.f13-contact>a{min-height:44px}.f13-contact p{max-width:38ch;margin-top:12px}.f13-base{gap:9px;display:grid;font-size:12px}.f13-base>details{margin-top:3px}}
@media(max-width:360px){.i13-tabs button{letter-spacing:-.04em}.i13-about-art{min-height:340px}.i13-story-film{gap:10px;grid-template-columns:70px 1fr}.i13-story-poster{width:70px}.i13-panels{min-height:185px}.i13-relationship-panels{min-height:267px}.i13-story-controls button{letter-spacing:-.035em}}
@media(prefers-reduced-motion:reduce){.i13 *{animation:none!important;transition:none!important}.i13-brand-plaque{transform:rotate(-3deg)!important}.i13-wave{transform:rotate(-13deg)!important}.i17-stage-camera{transform:rotateY(var(--i17-camera-turn))!important}}

body.cinema-ready:not(.cinema-enabled) .i17-access-art *{transition:none;animation:none}body.cinema-ready:not(.cinema-enabled) .i17-stage-camera{transform:rotateY(var(--i17-camera-turn))}


/* V18: four distinct material studies share one fixed, reusable story stage. */
.i18-access-art{--i17-hero-x:65%;--i17-hero-scale:.9;--i17-second-x:29%;--i17-second-scale:.92;--i17-second-opacity:1;--i17-key-x:63%;--i17-camera-turn:-2deg}
.i18-scene{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(14px) scale(.96);filter:blur(7px);transform-style:preserve-3d;transition:opacity .55s ease,visibility 0s linear .65s,transform .9s cubic-bezier(.18,.72,.22,1),filter .7s ease}
.i18-scene[data-i18-active=true]{opacity:1;visibility:visible;transform:translateY(0) scale(1);filter:blur(0);transition-delay:.08s,0s,0s,0s}
.i18-book-ground,.i18-signature-ground{position:absolute;width:70%;height:31px;bottom:21px;left:15%;border-radius:50%;background:radial-gradient(ellipse,#173d4945,transparent 68%);filter:blur(9px);opacity:.65;transform:scaleY(.7)}
.i18-book{position:absolute;width:69%;height:91%;bottom:18px;margin:0;transform-origin:50% 89%;transition:transform 1.15s cubic-bezier(.18,.72,.22,1);filter:drop-shadow(4px 8px 7px #18343e2b);transform-style:preserve-3d}
.i18-book-history{left:43%;z-index:2;transform:translateX(-17%) translateY(5px) rotate(2deg) rotateY(-11deg) scale(.85)}
.i18-book-guide{left:-8%;z-index:3;transform:translateX(15%) rotate(-3deg) rotateY(7deg) scale(.94)}
.i18-perspectives:not([data-i18-active=true]) .i18-book-history{transform:translateX(-38%) translateY(15px) rotate(-7deg) rotateY(-23deg) scale(.82)}
.i18-perspectives:not([data-i18-active=true]) .i18-book-guide{transform:translateX(30%) translateY(20px) rotate(5deg) rotateY(17deg) scale(.9)}
.i18-object-float{position:absolute;inset:0;transform-origin:50% 90%;transform-style:preserve-3d}
.i18-book img{width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block}
.i18-object-sheen{position:absolute;inset:0;mask-image:var(--i18-object-mask);mask-size:contain;mask-position:center bottom;mask-repeat:no-repeat;background:linear-gradient(112deg,transparent 30%,#e6fcff5c 44%,transparent 57%);background-size:250% 100%;background-position:110% 0;mix-blend-mode:screen;opacity:.36;pointer-events:none}
.i18-exhibition-horizon{position:absolute;left:5%;right:5%;height:46%;top:22%;border-radius:50%;background:radial-gradient(ellipse,#cde8e77a,transparent 68%);filter:blur(13px)}
.i18-exhibition-camera{position:absolute;inset:0 5% 0;transform:translateY(1%) scale(1);transform-origin:50% 75%;transition:transform 1.6s cubic-bezier(.18,.65,.2,1)}
.i18-exhibition-camera img{width:100%;height:100%;display:block;object-fit:contain;object-position:center 66%;filter:drop-shadow(0 12px 8px #17383f25)}
.i18-encounters:not([data-i18-active=true]) .i18-exhibition-camera{transform:translateY(6%) scale(1.1)}
.i18-exhibition-light{position:absolute;inset:4% 0 9%;background:linear-gradient(112deg,transparent 28%,#f6ffff70 48%,transparent 66%);transform:translateX(-28%);mix-blend-mode:soft-light;opacity:.4;pointer-events:none;mask-image:radial-gradient(ellipse,#000 30%,transparent 67%)}
.i18-signature-stack{position:absolute;left:50%;top:49%;width:222px;height:194px;transform:translate(-50%,-50%) rotateX(7deg) rotateY(-9deg);transform-style:preserve-3d;transition:transform 1.2s cubic-bezier(.18,.7,.25,1)}
.i18-signature-plane{display:block;position:absolute;inset:0;border-radius:18px;transform-style:preserve-3d;transition:transform 1.2s cubic-bezier(.18,.7,.25,1)}
.i18-signature-plane-back{background:linear-gradient(136deg,#385c70,#15384d 67%,#466e7e);border:1px solid #e1f1f15c;box-shadow:1px 3px #163748,0 16px 20px #14344724;transform:translate(-28px,19px) rotate(-10deg) translateZ(-28px)}
.i18-signature-plane-glass{background:linear-gradient(124deg,#e4f5f745,#90b3c748 56%,#eaffff96);border:1px solid #f5fffcab;box-shadow:inset 0 0 0 1px #b8d6db4d,2px 3px #6f97a278;transform:translate(22px,-16px) rotate(9deg) translateZ(-13px);backdrop-filter:blur(3px)}
.i18-signature-plane-front{background:linear-gradient(145deg,#c7dbdf,#7da2b1 48%,#d4e5e6);padding:2px;box-shadow:0 4px 0 #607f8d,0 7px 0 #9eb7bf,0 21px 26px #173b4d2b;transform:translateZ(12px)}
.i18-signature-face{position:relative;height:100%;display:grid;place-items:center;overflow:hidden;border-radius:16px;background:linear-gradient(135deg,#ffffff,#e9f1ef 60%,#f9fcf9);box-shadow:inset 0 0 0 1px #ffffffe0}
.i18-signature-face>img{width:154px;height:auto;max-width:78%;display:block;filter:none}
.i18-signature-finish{position:absolute;inset:-30% -50%;background:linear-gradient(112deg,transparent 42%,#ffffffb3 51%,transparent 58%);transform:translateX(-24%);opacity:.3;pointer-events:none}
.i18-independence:not([data-i18-active=true]) .i18-signature-stack{transform:translate(-50%,-46%) rotateX(15deg) rotateY(10deg) scale(.95)}
.i18-independence:not([data-i18-active=true]) .i18-signature-plane-back{transform:translate(-5px,8px) rotate(-2deg) translateZ(-28px)}
.i18-independence:not([data-i18-active=true]) .i18-signature-plane-glass{transform:translate(6px,-5px) rotate(2deg) translateZ(-13px)}
.i13-relationships[data-i13-stage=perspectives] .i18-access-art{--i17-key-x:37%;--i17-key-strength:.46;--i17-light-spread:83%;--i17-stage-tone:#e8e6dc;--i17-camera-turn:1deg}
.i13-relationships[data-i13-stage=encounters] .i18-access-art{--i17-key-x:48%;--i17-key-strength:.38;--i17-light-spread:75%;--i17-stage-tone:#c9dfe2;--i17-camera-turn:0deg}
.i13-relationships[data-i13-stage=encounters] .i17-stage-floor{opacity:.25}
.i13-relationships[data-i13-stage=independence] .i18-access-art{--i17-key-x:50%;--i17-key-strength:.5;--i17-light-spread:58%;--i17-stage-tone:#cddfe5;--i17-camera-turn:0deg}
.i18-access-art[data-i18-motion=on] .i17-stage-camera{transform:rotateY(calc(var(--i17-camera-turn) + var(--i13-x,0)*3deg)) rotateX(calc(var(--i13-y,0)*-1.5deg)) translateX(calc(var(--i13-x,0)*4px))}
.i18-access-art[data-i18-motion=on] .i17-stage-light{animation:i18-light-pass 10s ease-in-out infinite}
.i18-access-art[data-i18-motion=on] [data-i18-active=true] :is(.i17-finish-light,.i18-object-sheen){animation:i18-material-pass 11s ease-in-out infinite}
.i18-access-art[data-i18-motion=on] [data-i18-active=true] .i18-object-float{animation:i18-volume-breathe 9s ease-in-out infinite}
.i18-access-art[data-i18-motion=on] [data-i18-active=true] .i18-book-history .i18-object-float{animation-delay:-4s;animation-duration:11s}
.i18-access-art[data-i18-motion=on] [data-i18-active=true] .i18-exhibition-camera{animation:i18-exhibition-camera 15s ease-in-out infinite}
.i18-access-art[data-i18-motion=on] [data-i18-active=true] .i18-exhibition-light{animation:i18-daylight 13s ease-in-out infinite}
.i18-access-art[data-i18-motion=on] [data-i18-active=true] .i18-signature-finish{animation:i18-signature-light 12s ease-in-out infinite}
.i18-access-art[data-i18-motion=off] *{animation-play-state:paused!important}
@keyframes i18-light-pass{0%,100%{filter:blur(24px);translate:-9px 0}50%{filter:blur(30px);translate:12px 0}}
@keyframes i18-material-pass{0%,15%,100%{background-position:110% 0;opacity:.25}65%,85%{background-position:-10% 0;opacity:.5}}
@keyframes i18-volume-breathe{0%,100%{transform:translateY(0) rotateZ(0deg)}50%{transform:translateY(-3px) rotateZ(.45deg)}}
@keyframes i18-exhibition-camera{0%,100%{transform:translate(-.8%,1%) scale(1)}50%{transform:translate(.8%,.4%) scale(1.025)}}
@keyframes i18-daylight{0%,100%{transform:translateX(-28%);opacity:.22}50%{transform:translateX(29%);opacity:.42}}
@keyframes i18-signature-light{0%,15%,100%{transform:translateX(-24%);opacity:.2}55%,75%{transform:translateX(25%);opacity:.6}}
.i13-relationships .i13-story-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 8px;min-width:0;width:100%}
.i13-relationships .i13-story-controls button{display:block;min-width:0;width:100%;padding:12px 0 13px;font-size:16px;line-height:1.35;letter-spacing:-.022em;text-align:left;white-space:normal}
.i13-relationships .i13-story-controls span{font-size:12px;letter-spacing:.025em;margin-bottom:5px}
/* Stack every panel in one grid cell so selecting a different story never shifts layout. */
.i13-relationships .i13-relationship-panels{display:grid;min-height:0;padding:26px 0;align-content:start}
.i13-relationships .i13-relationship-panels>[role=tabpanel]{grid-area:1/1;align-self:start;min-width:0}
.i13-relationships .i13-relationship-panels>[role=tabpanel][hidden]{display:block!important;visibility:hidden;pointer-events:none}
.i13-relationships .i13-relationship-panels h3{font-size:30px;max-width:23ch}
.i13-relationships .i13-relationship-panels p{font-size:18px;line-height:1.6;max-width:45ch;margin-top:16px}
@media(max-width:1100px){.i18-signature-stack{width:200px;height:181px}.i18-signature-face>img{width:142px}.i13-relationships .i13-relationship-panels h3{font-size:28px}}
/* One shared relationship control layout for Home and About. */
@media(max-width:1000px){
 .i13-relationships .i13-story-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
 .i13-relationships .i13-story-controls>button{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:9px;min-height:51px;padding:10px 0;font-size:16px;letter-spacing:-.02em}
 .i13-relationships .i13-story-controls>button>span{margin:0;font-size:11px;letter-spacing:.03em;flex:none}
}
@media(max-width:760px){
 .i18-access-art{height:330px;max-width:480px}
 .i18-book{height:94%;bottom:14px}.i18-book-guide{left:-13%;width:74%}.i18-book-history{left:50%;width:66%;transform:translateX(-17%) translateY(5px) rotate(2deg) rotateY(-11deg) scale(.8)}
 .i18-exhibition-camera{inset:0 5% 0}
 .i18-signature-stack{width:191px;height:168px;top:47%}.i18-signature-face>img{width:134px}
 .i13-relationships .i13-relationship-panels{padding:23px 0 24px}.i13-relationships .i13-relationship-panels h3{font-size:28px}.i13-relationships .i13-relationship-panels p{font-size:18px;line-height:1.55}
}
@media(max-width:360px){.i13-relationships .i13-story-controls>button{gap:7px}.i18-signature-stack{width:176px;height:160px}.i18-signature-face>img{width:124px}.i18-signature-plane-back{transform:translate(-19px,17px) rotate(-9deg) translateZ(-28px)}.i18-signature-plane-glass{transform:translate(16px,-13px) rotate(8deg) translateZ(-13px)}}
@media(prefers-reduced-motion:reduce){.i18-access-art *{animation:none!important;transition:none!important}.i18-scene{transform:none!important;filter:none!important}.i18-access-art .i17-stage-camera{transform:none!important}}
body.cinema-ready:not(.cinema-enabled) .i18-access-art *{animation:none!important;transition:none!important}
body.cinema-ready:not(.cinema-enabled) .i18-access-art .i17-stage-camera{transform:none}

/* V19: an engraved metal signature, suspended between optical glass layers.
   It is a permanent brand object; the mask always uses the canonical master. */
.i18-signature-stack{width:250px;height:214px;perspective:900px;transform:translate(-50%,-50%) rotateX(12deg) rotateY(-16deg) rotateZ(-3deg)}
.i18-signature-plane{border-radius:20px}
.i18-signature-plane-back{background:linear-gradient(124deg,#92bec3 0%,#306577 18%,#123e50 47%,#295b6c 69%,#90b8c0);border:1px solid #c9eef088;box-shadow:inset 0 0 0 2px #b6dfe93b,inset 2px 2px 2px #ffffff80,1px 3px 0 #0f364c,3px 5px 0 #739faa,0 18px 27px #173b4d40;transform:translate(-26px,23px) rotate(-10deg) translateZ(-45px)}
.i18-signature-plane-glass{background:linear-gradient(120deg,#f5ffffab,#a4d9e026 28%,#7ab4be10 58%,#d8ffffa1 92%);border:1px solid #f4ffffd6;box-shadow:inset 0 0 0 2px #e4ffff70,inset 5px 5px 13px #ffffff80,inset -4px -4px 10px #326b7c44,2px 4px 0 #b8e1e887,0 11px 26px #204a642b;transform:translate(25px,-24px) rotate(11deg) translateZ(-18px);backdrop-filter:blur(7px) saturate(1.5)}
.i18-signature-plane-front{padding:3px;background:linear-gradient(134deg,#eff9fa,#a8c5cd 22%,#285566 45%,#d2eaed 70%,#a9c7ce);box-shadow:inset 1px 1px 0 #ffffffc9,0 2px 0 #365c6b,0 4px 0 #acc9cc,0 6px 0 #3d6877,1px 8px 0 #93b1bb,0 24px 27px #153d5140;transform:translateZ(18px)}
.i18-signature-face{border-radius:17px;background:repeating-linear-gradient(0deg,#ffffff08 0px,#ffffff08 1px,#1c52610c 1.4px,#1c52610c 2.1px),linear-gradient(115deg,#d8e5e6 0%,#89a9b4 18%,#c2d5d9 39%,#e9f0ed 49%,#a4c0c7 68%,#5c8596 100%);box-shadow:inset 1px 1px 1px #f8ffffe0,inset -1px -1px 2px #224b5e94}
.i19-logo-engraving{position:relative;display:block;width:83%;aspect-ratio:600/386;filter:drop-shadow(.65px .9px .25px #f7ffffcf) drop-shadow(-.5px -.7px .15px #143b5066)}
.i19-logo-engraving:before{content:"";position:absolute;inset:0;mask:url('assets/tsl-logo-v15.svg') center/contain no-repeat;background:linear-gradient(165deg,#1a4156 12%,#2e6576 39%,#507b88 52%,#173b4e 72%,#436879);box-shadow:inset 0 1px 2px #123344}
.i18-signature-finish{background:linear-gradient(112deg,transparent 37%,#ffffff80 48%,#d6fbff55 53%,transparent 61%);mix-blend-mode:soft-light;opacity:.7}
.i18-access-art[data-i18-motion=on] [data-i18-active=true] .i18-signature-stack{animation:i19-metal-orbit 12s ease-in-out infinite;transform:translate(-50%,-50%) rotateX(calc(12deg + var(--i13-y,0)*-7deg)) rotateY(calc(-16deg + var(--i13-x,0)*11deg)) rotateZ(-3deg)}
@keyframes i19-metal-orbit{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -5px;rotate:1.5deg}}
@media(max-width:1100px){.i18-signature-stack{width:230px;height:202px}}
@media(max-width:760px){.i18-signature-stack{width:208px;height:183px;top:47%}}
@media(max-width:360px){.i18-signature-stack{width:182px;height:167px}.i18-signature-plane-back{translate:5px 0}.i18-signature-plane-glass{translate:-5px 0}}
@media(prefers-reduced-motion:reduce){.i18-signature-stack{animation:none!important}}
.home-motion-off .i18-signature-stack{animation:none!important}