.art{display:grid;place-items:center;color:#fff}.art-s{width:100%;max-height:100%;overflow:visible}
.art-s *{transform-box:fill-box;transform-origin:center}
.l[data-t]{background:var(--bg)}.l[data-t]::before{background:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px) 0 0/72px 72px,linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px) 0 0/72px 72px}
.l[data-t] h1 em{color:var(--ac)}.l[data-t] .ex li::before{background:var(--ac)}.l[data-t] .art{flex:1;min-height:200px;max-width:560px;width:100%}
.kb{display:inline-flex;align-items:baseline;gap:14px;align-self:flex-start;margin-bottom:18px;padding:8px 14px;border:2px solid #fff;font-family:'Bricolage Grotesque',sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:13px}.kb b{font-weight:800}.kb i{font-style:normal;font-weight:700;background:#fff;color:var(--bg);padding:2px 8px;margin:-2px -6px -2px 0}
.kn{margin:14px 0 0;font-size:16px;line-height:1.45;max-width:44ch;display:flex;gap:12px;align-items:flex-start;color:#fff}.kn::before{content:"";flex:none;width:24px;height:24px;margin-top:1px;background:var(--ac);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2a10 10 0 100 20 10 10 0 000-20zm-1 5h2v2h-2zm0 4h2v6h-2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2a10 10 0 100 20 10 10 0 000-20zm-1 5h2v2h-2zm0 4h2v6h-2z'/%3E%3C/svg%3E") center/contain no-repeat}
.l[data-t] .oth{margin-top:18px;border-color:var(--ac)}
#idx{display:none}.is-idx .pg{display:none}.is-idx #idx{display:block}
.ix-h{background:var(--navy);color:#fff;padding:clamp(24px,3vw,40px) clamp(24px,5vw,72px) clamp(40px,5vw,72px);display:flex;flex-direction:column;gap:clamp(28px,4vw,56px);position:relative;isolation:isolate;overflow:hidden}
.ix-h::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(800px circle at 88% 0,rgba(255,81,0,.3),transparent 60%),linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px) 0 0/72px 72px,linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px) 0 0/72px 72px;-webkit-mask:linear-gradient(#000,transparent 95%);mask:linear-gradient(#000,transparent 95%)}
.ix-t{display:flex;flex-direction:column;gap:18px}.ix-t h1{font-size:clamp(52px,8vw,128px);line-height:.88;letter-spacing:-.055em}.ix-t h1 em{font-style:normal;color:var(--orange)}.ix-t .sub{font-family:'Bricolage Grotesque',sans-serif;font-weight:500;font-size:clamp(19px,1.8vw,26px);margin:0;color:rgba(255,255,255,.9)}
.ix-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,24px);padding:clamp(28px,4vw,56px) clamp(20px,5vw,72px);background:var(--soft)}
.ix-c{position:relative;display:flex;flex-direction:column;background:var(--bg);color:#fff;overflow:hidden;min-height:400px;transition:transform .5s var(--ease),box-shadow .5s var(--ease);animation:ixin .7s var(--d,0s) var(--ease) backwards}
.ix-c:hover{color:#fff;transform:translate(-6px,-6px);box-shadow:10px 10px 0 var(--ac)}.ix-c:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.ix-c .art{flex:1;min-height:170px;padding:22px 22px 0;transition:transform .6s var(--ease)}.ix-c:hover .art{transform:scale(1.06)}
.ix-b{position:relative;padding:8px 24px 26px;display:flex;flex-direction:column;gap:10px}
.ix-m{align-self:flex-start;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:12px;letter-spacing:.16em;text-transform:uppercase;background:#fff;color:var(--bg);padding:4px 10px}
.ix-b h2{font-size:clamp(28px,2.6vw,40px);letter-spacing:-.04em;line-height:1}.ix-b p{margin:0;font-size:16px;line-height:1.4;color:rgba(255,255,255,.92);max-width:36ch}.ix-b small{font-size:13px;line-height:1.4;color:rgba(255,255,255,.8);border-left:3px solid var(--ac);padding-left:10px}
.ix-b i{position:absolute;right:20px;top:14px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;color:var(--bg);font-style:normal;font-weight:800;font-size:20px;transition:transform .4s var(--ease),background .3s,color .3s}.ix-c:hover .ix-b i{transform:rotate(-45deg);background:var(--ac);color:#fff}
.ix-c::after{content:"";position:absolute;left:0;right:0;bottom:0;height:8px;background:var(--k) 0 0/120px 8px repeat-x}
.ix-f{padding:clamp(28px,4vw,48px) clamp(20px,5vw,72px);display:flex;flex-wrap:wrap;gap:16px 48px;background:#fff;font-size:15px}.ix-f b{font-family:'Bricolage Grotesque',sans-serif;font-size:13px;letter-spacing:.2em;text-transform:uppercase;width:100%}.ix-f ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px 40px}.ix-f li{display:flex;gap:12px;max-width:34ch}.ix-f li::before{content:"";flex:none;width:12px;height:3px;background:var(--orange);margin-top:.7em}
@keyframes ixin{from{opacity:0;transform:translateY(24px)}}
@media(max-width:1100px){.ix-g{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.ix-g{grid-template-columns:minmax(0,1fr)}.ix-c{min-height:340px}}
/* art animation: runs on type pages and on card hover */
@keyframes bkpop{from{transform:scale(0);opacity:0}}@keyframes bkbx{from{transform:scaleX(0)}}@keyframes bksw{from{transform:translateX(-200px)}}@keyframes bkspin{to{transform:rotate(360deg)}}@keyframes bkpulse{50%{transform:scale(1.25)}}@keyframes bktrav{from{transform:translateX(0)}to{transform:translateX(320px)}}@keyframes bkca{from{transform:translateX(-70px)}}@keyframes bkcb{from{transform:translateX(70px)}}@keyframes bkring{from{stroke-dashoffset:428}to{stroke-dashoffset:0}}@keyframes bkopen{to{transform:rotate(360deg)}}@keyframes bklens{from{transform:scaleX(0)}}
:is(.art.run,.ix-c:hover .art) .p{animation:bkpop .6s calc(var(--i,0)*.12s) var(--ease) backwards}
:is(.art.run,.ix-c:hover .art) .bx{transform-origin:0 50%;animation:bkbx 1.2s calc(var(--i,0)*.15s) var(--ease) backwards}
:is(.art.run,.ix-c:hover .art) .sweep{animation:bksw 2.6s ease-in-out infinite alternate}
:is(.art.run,.ix-c:hover .art) .orb>g{animation:bkspin 22s linear infinite}
:is(.art.run,.ix-c:hover .art) .pulse{animation:bkpulse 1.8s ease-in-out infinite}
:is(.art.run,.ix-c:hover .art) .trav{animation:bktrav 3.2s ease-in-out infinite alternate}
:is(.art.run,.ix-c:hover .art) .hand{transform-origin:200px 112px;transform-box:view-box;animation:bkspin 4s linear infinite}
:is(.art.run,.ix-c:hover .art) .ca{animation:bkca 2.4s ease-in-out infinite alternate}:is(.art.run,.ix-c:hover .art) .cb{animation:bkcb 2.4s ease-in-out infinite alternate}:is(.art.run,.ix-c:hover .art) .lens{animation:bklens 2.4s ease-in-out infinite alternate}
:is(.art.run,.ix-c:hover .art) .ring{animation:bkring 1.6s var(--ease) backwards}
:is(.art.run,.ix-c:hover .art) .open{animation:bkopen 8s linear infinite}
@media(prefers-reduced-motion:reduce){.art-s *{animation:none!important}.ix-c{animation:none}}

.fm .intro-f{display:none}.fm.is-intro .intro-f{display:grid}.fm.is-intro .std{display:none}
.l[data-t] .kb{margin-bottom:28px}.l[data-t] h1{line-height:1.04;padding-bottom:.04em}.l[data-t] .sub{margin-top:22px;max-width:52ch}.kn{max-width:52ch;margin-top:18px}
.kn{margin-top:32px;font-size:14px;line-height:1.5;gap:10px;max-width:60ch;color:rgba(255,255,255,.95)}.kn::before{width:18px;height:18px;margin-top:2px}