/* Vector identity: the reference board's proportions, with readable mobile layouts. */
.tv-case .tp-wordmark{aspect-ratio:795/163;mix-blend-mode:normal;color:#111218;overflow:visible}
.tv-case .ta-illustration,.tv-case .ta-gateway{display:block;width:100%;height:auto;overflow:visible}
.ta-petal{transform-origin:100px 185px;transition:transform 800ms cubic-bezier(.2,.7,.2,1),opacity 800ms}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.ta-motif-grid figure:hover .ta-petal,.td-mission:hover .ta-petal{transform:rotate(var(--ta-fan))}}
.tv-case .tp-arch>svg{width:100%;height:100%}

.tv-case .tv-art-board{background:#fdfcfa;padding:35px 45px 55px;overflow:hidden}
.tv-case .tv-art-board>.ta-gateway{width:100%;height:350px}
.tv-case .tv-logo-board{background:radial-gradient(ellipse at 100% 0,#ffdbbd4f,transparent 60%),radial-gradient(ellipse at 0 100%,#d2d3f867,transparent 70%),#fff}
.tv-case .tv-palette i{width:23px;height:23px;background:radial-gradient(circle at 30% 20%,#fff8,transparent 60%),var(--swatch)}
.tv-case .tv-system figure[data-tv-system]{max-width:1500px}
.tv-case .ta-brand-board{container-type:inline-size;padding:3.25%;background:linear-gradient(135deg,#f8f9fe66,#fff 55%,#fffaf744);color:#111725;border:1px solid #24233508;border-radius:3px}
.ta-board-head{display:flex;align-items:center;gap:20px;margin-bottom:32px}
.tv-case .ta-board-head>.tp-wordmark{width:12%;min-width:100px}
.ta-board-head>span{font-size:8px;letter-spacing:.36em;text-transform:uppercase;line-height:1.9;color:#555b65}
.ta-board-head>span:first-of-type{border-left:1px solid #b2b3bc;padding-left:20px}
.ta-board-head>span:last-child{margin-left:auto;font-size:7px;text-align:right}
.ta-board-layout{display:grid;grid-template-columns:17% minmax(0,1fr);gap:2.5%}
.tv-case .ta-board-intro h3{font-family:'Tatva Editorial',Georgia,serif;font-weight:400;font-size:clamp(30px,3.4cqw,51px);line-height:1;letter-spacing:-.045em;margin:38px 0 20px}
.ta-board-intro>i{display:block;width:25px;height:1px;background:#333d4b;margin-bottom:22px}
.ta-board-intro>p{font-size:clamp(11px,1.12cqw,16px);line-height:1.55;color:#51545c}
.ta-board-intro>p+p{margin-top:20px}
.tv-case .ta-colours{display:grid;gap:8px;margin-top:30px;list-style:none}
.ta-colours li{display:flex;align-items:center;gap:14px;font-size:clamp(9px,.92cqw,13px);color:#59616b}
.ta-colours i{width:clamp(24px,2.75cqw,38px);aspect-ratio:1;border-radius:50%;flex-shrink:0;background:radial-gradient(ellipse at 30% 25%,#fff2,transparent),linear-gradient(150deg,var(--ta-colour),#fff9)}
.ta-board-signoff{display:block;margin-top:30px;padding-top:20px;font-size:7px;letter-spacing:.32em;line-height:2;text-transform:uppercase;color:#6b6f78}
.ta-board-signoff:before{content:'';display:block;width:25px;height:1px;background:#333d4b;margin-bottom:18px}
.ta-motif-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0 12px}
.tv-case .ta-motif-grid>figure{padding:0 0 18px;margin-bottom:16px;border-bottom:1px solid #1e26320a;min-width:0}
.tv-case .ta-motif-grid .ta-illustration{width:100%;aspect-ratio:200/210}
.tv-case .ta-motif-grid figcaption{display:block;text-align:center;font-size:clamp(6px,.53cqw,8px);line-height:1.6;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:#293140;padding-top:4px;min-height:24px}
.ta-board-elements{display:grid;grid-template-columns:2.2fr 1fr;gap:30px}
.ta-brand-board h4{font-size:clamp(7px,.66cqw,10px);letter-spacing:.28em;line-height:1.7;text-transform:uppercase;font-weight:500;margin-bottom:18px}
.ta-brand-board h4>span{display:block;color:#68707d;font-size:6px}
.ta-elements{display:flex;gap:9px;align-items:center}
.tv-case .ta-elements>.ta-illustration{width:calc((100% - 54px)/7)}
.ta-usage{border-left:1px solid #1e26320a;padding-left:22px}
.ta-usage>div{display:flex;gap:15px}
.ta-usage figure{flex:1;min-width:0}
.ta-usage figure>span{display:grid;place-items:center;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--ta-colour),#fff 75%)}
.ta-usage svg{width:32%;height:32%}
.tv-case .ta-usage figcaption{display:block;text-align:center;font-size:6px;text-transform:uppercase;letter-spacing:.2em;color:#28323e;line-height:1.8;padding-top:8px}
.ta-board-foot{display:flex;justify-content:space-between;gap:20px;font-size:7px;color:#667180;text-transform:uppercase;letter-spacing:.4em;margin-top:38px}
.tv-case .ta-illustration-board{padding:3.5%;background:#fdfdfd;border:0}
.ta-illustration-board .ta-board-head{margin-bottom:35px}
.ta-illustration-board .ta-board-layout{gap:4%}
.tv-case .ta-illustration-board .ta-board-intro h3{font-size:clamp(30px,3cqw,43px);line-height:1.08;margin-top:20px}
.ta-illustration-board .ta-board-intro>p{font-size:clamp(11px,1cqw,14px);line-height:1.65}
.ta-illustration-board .ta-colours{gap:16px;margin-top:34px}
.ta-illustration-board .ta-motif-grid{gap:24px 20px}
.tv-case .ta-illustration-board .ta-motif-grid>figure{border:0;margin:0;padding-bottom:20px}
.tv-case .ta-illustration-board .ta-motif-grid figcaption{font-size:clamp(7px,.7cqw,10px);letter-spacing:.08em;text-transform:none;font-weight:400;padding-top:12px;color:#737080}
.ta-illustration-board .ta-board-foot{padding-top:24px;border-top:1px solid #2423350c;margin-top:25px;letter-spacing:.2em}
.ta-icon-board .ta-board-intro>.ta-gateway{margin-top:28px;width:140%;margin-left:-20%}
.ta-icon-board .ta-board-signoff{margin-top:0;text-align:center}
.ta-icon-board .ta-board-signoff:before{display:none}
.ta-icon-content{display:grid;gap:0;align-content:start}
.ta-icon-row{display:flex;gap:25px;border-bottom:1px solid #1e26320a}
.ta-icon-row>.ta-icon-group{border:0;flex:1;min-width:0}
.ta-icon-row>.ta-icon-group+.ta-icon-group{border-left:1px solid #1e26320a;padding-left:24px}
.ta-icon-row>.ta-icon-group.ta-common{flex:2}
.ta-icon-group{padding:14px 0 28px;border-bottom:1px solid #1e26320a}
.ta-icon-group>div{display:flex;gap:15px;align-items:flex-start;justify-content:space-between}
.ta-icon-cell{flex:1;min-width:0;--ta-accent:#11172b;text-align:center}
.ta-icon-cell>span{display:grid;place-items:center;width:100%;max-width:78px;aspect-ratio:1.12;border-radius:15px;border:1px solid #171c2c08;background:#fff8;color:var(--ta-accent);font-size:17px;margin:auto}
.ta-icon-cell svg{width:clamp(18px,2cqw,30px);height:clamp(18px,2cqw,30px);max-width:70%}
.ta-icon-content>.ta-icon-row:first-child .ta-icon-group:first-child .ta-icon-cell:first-child svg{fill:currentColor}
.ta-dark-icons .ta-icon-cell:first-child svg{fill:currentColor}
.ta-icon-tinted>span{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--ta-accent) 7%,transparent),#fff6 80%)}
.tv-case .ta-icon-cell figcaption,.tv-case .ta-icon-size figcaption{display:block;text-align:center;font-size:clamp(7px,.78cqw,11px);color:#555b67;letter-spacing:0;padding-top:9px;line-height:1.3}
.ta-status>span{background:radial-gradient(circle,color-mix(in srgb,var(--ta-accent) 13%,#fff),#fff 70%);border:0}
.ta-status:not(:last-child) svg{border-radius:50%;padding:5px;width:26px;height:26px;background:var(--ta-accent);color:#fff}
.ta-icon-bottom{border:0}
.ta-icon-bottom>.ta-icon-group{padding-bottom:0}
.ta-icon-size{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;align-self:stretch;min-width:0}
.ta-icon-size>span{display:block;max-width:100%;color:#73798a}
.ta-icon-size svg{width:100%;height:100%}
.ta-icon-bottom .ta-icon-group>div{min-height:78px;align-items:flex-end}
.ta-icon-bottom .ta-icon-cell>span{aspect-ratio:1}
.ta-variant-default svg,.ta-variant-active svg{fill:currentColor}
.ta-variant-active>span{background:#8184fa;color:white}
.ta-variant-disabled{opacity:.4}
.ta-dark-icons>div{padding:14px 12px;background:#252934;border-radius:14px}
.ta-dark-icons .ta-icon-cell>span{border:0;background:transparent;color:#d7dbea;aspect-ratio:1.1}
.ta-dark-icons .ta-icon-cell:first-child>span{color:#9497ff}
.tv-case .ta-dark-icons figcaption{color:#e8ebf2;font-size:8px}
@media(min-width:1700px){.tv-case .tv-art-board>.ta-gateway{height:400px}}
@media(max-width:1000px){.ta-board-head{gap:14px;margin-bottom:20px}.ta-board-head>span:first-of-type{padding-left:14px;font-size:6px}.ta-board-head>span:last-child{display:none}.ta-board-layout{grid-template-columns:19% minmax(0,1fr)}.ta-motif-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 16px}.tv-case .ta-motif-grid figcaption{font-size:7px}.ta-board-elements{grid-template-columns:1fr;gap:20px}.ta-usage{border:0;padding:15px 0 0;border-top:1px solid #1e26320a}.ta-usage>div{max-width:280px}.ta-icon-row{flex-direction:column;gap:0}.ta-icon-row>.ta-icon-group+.ta-icon-group{padding-left:0;border-left:0}.ta-icon-group>div{gap:12px}.tv-case .ta-icon-cell figcaption{font-size:8px}.ta-icon-bottom{flex-direction:row;flex-wrap:wrap}.ta-icon-bottom>.ta-icon-group{min-width:40%}.ta-icon-bottom>.ta-dark-icons{max-width:260px}}
@media(max-width:600px){.tv-case .ta-brand-board{padding:22px 16px}.ta-board-head{padding-bottom:20px;border-bottom:1px solid #1e26320a}.tv-case .ta-board-head>.tp-wordmark{width:102px}.ta-board-layout{grid-template-columns:1fr;gap:28px}.tv-case .ta-board-intro h3{margin:10px 0 20px;font-size:36px}.ta-board-intro>p{font-size:13px;max-width:32em}.ta-board-intro>p+p{margin-top:12px}.ta-board-intro>i,.ta-board-signoff{display:none}.tv-case .ta-colours{grid-template-columns:repeat(3,1fr);gap:14px 8px;margin-top:22px}.ta-colours li{flex-direction:column;gap:7px;font-size:9px}.ta-colours i{width:30px}.ta-motif-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.tv-case .ta-motif-grid>figure{margin-bottom:18px;padding-bottom:15px}.tv-case .ta-motif-grid figcaption{font-size:7px;letter-spacing:.17em;min-height:30px}.ta-brand-board h4{font-size:8px}.ta-brand-board h4>span{font-size:7px}.ta-board-foot{font-size:6px;letter-spacing:.2em;margin-top:28px}.ta-icon-board .ta-board-intro>.ta-gateway{display:none}.ta-icon-group>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 10px}.ta-icon-bottom{display:block}.ta-icon-bottom .ta-icon-group{padding-block:20px}.ta-icon-bottom .ta-icon-group:nth-child(2)>div{grid-template-columns:repeat(5,minmax(0,1fr))}.ta-icon-bottom>.ta-dark-icons{max-width:none}.ta-icon-cell>span{min-height:45px}.tv-case .tv-art-board>.ta-gateway{height:300px}}