html.top-thu:has(body.home), html.top-thu body.home{ background:#eeeae3; }
html.top-thu .isl-pre, html.top-thu .isl-fog{ display:none; }
.th{ position:fixed; inset:0; z-index:0; overflow:hidden; pointer-events:none; }
.th-l{ position:absolute; }

.th-sun i{ position:absolute; border-radius:50%; transform:scale(.6); opacity:0; transition:transform 1.6s cubic-bezier(.16,.84,.3,1), opacity 1.2s ease; }
.th-sun i:nth-child(1){ inset:0; background:#b65a43; mix-blend-mode:multiply;
  background-image:radial-gradient(circle at 30% 30%,rgba(255,255,255,.12),transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .35 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E"); }
.th-sun i:nth-child(2){ width:14%; height:30%; left:88%; top:-4%; border-radius:0; rotate:4deg; background:#1f5a56; transition-delay:.25s; }
.th-sun i:nth-child(3){ width:22%; height:9%; left:-14%; top:74%; border-radius:0; rotate:-3deg; background:radial-gradient(circle,#2a2a2a 42%,transparent 46%) 0 0 / 5px 5px; transition-delay:.4s; }
.th.in .th-sun i{ transform:none; opacity:1; }

.th-word{ display:flex; flex-direction:column; justify-content:flex-start; font:900 1em/.86 'Inter',sans-serif; letter-spacing:-.05em; color:#1d3f3c; mix-blend-mode:multiply; }

.th-word:not(.th-word2) b{ color:transparent !important; -webkit-background-clip:text; background-clip:text;
  background:radial-gradient(circle,#1d4f4b 52%,transparent 56%) 0 0 / 7px 7px, linear-gradient(#1d4f4b,#1d4f4b) 0 0 / 100% 100%; background-blend-mode:normal;
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.th-word b{ display:block; font-weight:800; opacity:0; transform:translateY(.35em); transition:transform 1.3s cubic-bezier(.16,.84,.3,1), opacity 1s ease;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -1.6 1.55'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E");
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -1.6 1.55'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E"); }
.th-word2{ text-align:right; color:#f4efe6; mix-blend-mode:normal; }
.th-word2 b{ text-shadow:0 0 1px rgba(0,0,0,.15); }
.th.in .th-word b{ opacity:.9; transform:none; transition-delay:.35s; }
.th.in .th-word2 b{ opacity:.92; transition-delay:1.6s; }

.th-tree{ background:url(../img/top/thu-tree.webp) 0 0 / 100% 100% no-repeat; opacity:0; transform:translateY(14px) scale(.985); transform-origin:50% 100%; transition:opacity 1.4s ease .6s, transform 1.8s cubic-bezier(.16,.84,.3,1) .6s; }
.th.in .th-tree{ opacity:1; transform:none; }

.th-strips{ overflow:visible; }
.th-strips i{ position:absolute; top:0; height:100%; background:url(../img/top/thu-strips.webp) no-repeat; transform:translateY(40%); opacity:0;
  transition:transform 1.1s cubic-bezier(.16,.84,.3,1), opacity .7s ease; }
.th.in .th-strips i{ transform:none; opacity:1; }

.th-ppl i{ position:absolute; background:url(../img/top/thu-people.webp) no-repeat; opacity:0; transform:translateY(10px); transition:opacity 1s ease, transform 1.2s cubic-bezier(.16,.84,.3,1); }
.th.in .th-ppl i{ opacity:1; transform:none; }

.th-tex{ position:absolute; inset:0; opacity:.035; mix-blend-mode:multiply;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='120'%3E%3Cg font-family='Inter,Arial' font-size='9' letter-spacing='2' fill='%23222'%3E%3Ctext x='0' y='14'%3EINTEGRATED MARKETING CONSULTING FIRM %C2%B7 CELLMULLER %C2%B7 DATA %C2%B7 DMP %C2%B7 TABLEAU %C2%B7 BIGQUERY%3C/text%3E%3Ctext x='-140' y='44'%3EGA4 %C2%B7 ADVERTISING %C2%B7 WEB %C2%B7 VIDEO %C2%B7 INTEGRATED MARKETING CONSULTING FIRM %C2%B7 CELLMULLER%3C/text%3E%3Ctext x='-60' y='74'%3ECELLMULLER %C2%B7 DATA %C2%B7 DMP %C2%B7 TABLEAU %C2%B7 BIGQUERY %C2%B7 GA4 %C2%B7 ADVERTISING %C2%B7 WEB%3C/text%3E%3Ctext x='-220' y='104'%3EVIDEO %C2%B7 INTEGRATED MARKETING CONSULTING FIRM %C2%B7 CELLMULLER %C2%B7 DATA %C2%B7 DMP%3C/text%3E%3C/g%3E%3C/svg%3E"),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E"); }
.th.still *, .th.still{ transition:none !important; }
body.home .overlay{ z-index:3; }

html.top-thu{ --acc:#a8452f; --acc-d:#8a3523; --acc-rgb:168,69,47; }
html.top-thu body.home .chapter{ color:#8a3523 !important; }

html.top-thu body.home .logo{ filter:blur(10px) drop-shadow(0 0 10px rgba(238,234,227,.95)); }
html.top-thu body.home.isl-logo .logo{ filter:drop-shadow(0 0 3px rgba(238,234,227,1)) drop-shadow(0 0 14px rgba(238,234,227,.95)) drop-shadow(0 0 28px rgba(238,234,227,.8)); }
html.top-thu .isl-tag{ text-shadow:0 0 3px #eeeae3, 0 0 10px #eeeae3, 0 0 18px rgba(238,234,227,.9) !important; }
html.top-thu .isl-tag{ color:#1f2a2a; text-shadow:none; }
html.top-thu body.home .quote, html.top-thu body.home .nav-jump a, html.top-thu body.home .right-list li .label, html.top-thu body.home .right-list li .value, html.top-thu body.home .right-list li small{ text-shadow:0 1px 8px rgba(238,234,227,.95), 0 0 2px rgba(238,234,227,.9) !important; }

html.top-thu body.home .three-container, html.top-thu body.home.isl-logo .three-container{ opacity:0 !important; visibility:hidden !important; }
.th-rays{ position:absolute; left:0; top:0; mix-blend-mode:var(--th-blend,multiply); -webkit-mask:radial-gradient(ellipse 27% 56% at var(--rx,50%) var(--ry,50%),#000 40%,transparent 100%); mask:radial-gradient(ellipse 27% 56% at var(--rx,50%) var(--ry,50%),#000 40%,transparent 100%); }
@media (max-width:960px){ .th-rays{ -webkit-mask:radial-gradient(ellipse 70% 32% at var(--rx,50%) var(--ry,30%),#000 40%,transparent 100%); mask:radial-gradient(ellipse 70% 32% at var(--rx,50%) var(--ry,30%),#000 40%,transparent 100%); } }

body.th-cursor, body.th-cursor *{ cursor:none !important; }
.th-cur{ position:fixed; inset:0; z-index:9999; pointer-events:none; }
.th-cur i{ position:absolute; left:0; top:0; display:block; }
.th-cur .d{ width:6px; height:6px; margin:-3px 0 0 -3px; background:#1f2a2a; transform:translate(var(--mx),var(--my)); }
.th-cur .r{ width:30px; height:30px; margin:-15px 0 0 -15px; border:1px solid rgba(31,42,42,.55); transform:translate(var(--rx),var(--ry)) rotate(-4deg);
  transition:width .4s cubic-bezier(.16,.84,.3,1), height .4s cubic-bezier(.16,.84,.3,1), margin .4s cubic-bezier(.16,.84,.3,1), background .4s, opacity .3s; }
.th-cur.is-hot .r{ width:52px; height:52px; margin:-26px 0 0 -26px; background:rgba(182,90,67,.12); border-color:#a8452f; }
.th-cur.is-hot .d{ background:#a8452f; }
.th-cur.is-out i{ opacity:0; }

.th.leave .th-strips i{ transform:translateY(-120%); opacity:0; transition:transform .6s cubic-bezier(.6,0,.2,1), opacity .5s ease .1s; }
.th.leave .th-strips i:nth-child(odd){ transition-delay:.08s; }
.th.leave .th-tree, .th.leave .th-ppl i{ opacity:0; transform:translateY(-30px); transition:opacity .5s ease, transform .6s ease; }
.th.leave .th-word b{ transform:translateY(-.3em); opacity:0; transition:transform .6s ease, opacity .5s ease; }
.th.leave .th-rays{ -webkit-mask-size:300% 300%; mask-size:300% 300%; }
.th.leave .th-sun i{ transform:scale(1.8); opacity:0; transition:transform .8s cubic-bezier(.6,0,.2,1), opacity .6s ease .2s; }
.th-out{ position:fixed; inset:0; z-index:10010; pointer-events:none; background:var(--th-paper2,#f3f0ea); clip-path:inset(100% 0 0 0); }
.th-out b{ position:absolute; left:0; right:0; top:0; height:3px; background:var(--th-red,#b65a43); }
.th-out.on{ clip-path:inset(0 0 0 0); transition:clip-path .55s cubic-bezier(.7,0,.2,1); }
@media (max-width:960px){
  .th-sun i:nth-child(3){ display:none; }
}
@media (prefers-reduced-motion:reduce){ .th *{ transition:none !important; } }
.th-word2 b{ -webkit-mask:none !important; mask:none !important; color:#f6f1e8; letter-spacing:-.03em;
  text-shadow:.045em .03em 0 rgba(182,90,67,.92), 0 2px 18px rgba(20,24,22,.2); }

html.top-thu body.home .quote{ color:#173f3c; }
html.top-thu body.home .chapter{ color:#a8452f !important; font-weight:600; }
html.top-thu body.home .right-list li .label, html.top-thu body.home .right-list li .value{ color:#173f3c !important; }
html.top-thu body.home .right-list li .value .num{ color:#a8452f !important; }
html.top-thu body.home .right-list li small{ color:#4d6a66 !important; }
html.top-thu body.home .right-list li{ border-bottom-color:rgba(31,90,86,.28) !important; }
html.top-thu body.home .nav-jump a{ color:#173f3c; }
html.top-thu body.home .nav-jump a.active, html.top-thu body.home .nav-jump a:hover{ color:#a8452f !important; }
html.top-thu .isl-tag{ color:#173f3c; }
html.top-thu body.home .bottom-center{ color:rgba(23,63,60,.7); }


.th.idle .th-strips i{ animation:th-bob 5.2s ease-in-out infinite; animation-delay:calc(var(--k,0) * -0.37s); }
.th-strips i:nth-child(3n){ --k:3; } .th-strips i:nth-child(3n+1){ --k:7; } .th-strips i:nth-child(4n){ --k:11; }
@keyframes th-bob{ 0%,100%{ translate:0 0; } 50%{ translate:0 -6px; } }
.th-strips i.hop{ animation:th-hop .7s cubic-bezier(.2,1.6,.4,1) !important; }
@keyframes th-hop{ 0%{ translate:0 0; } 35%{ translate:0 var(--hop,-20px); } 100%{ translate:0 0; } }
.th.idle .th-sun i:nth-child(1){ animation:th-spin 60s linear infinite; }
.th.idle .th-sun i:nth-child(2){ animation:th-float 7s ease-in-out infinite; }
.th.idle .th-sun i:nth-child(1){ animation:none; }
@keyframes th-spin{ to{ rotate:360deg; } }
@keyframes th-float{ 50%{ translate:0 -10px; } }
.th-word2{ pointer-events:auto; }
.th-word2 span{ display:inline-block; }
.th-word2 span.jump{ animation:th-jump .6s cubic-bezier(.2,1.7,.4,1); }
@keyframes th-jump{ 40%{ transform:translateY(-.12em) rotate(-4deg); } }
.th.idle .th-word:not(.th-word2) b{ animation:th-drift 9s ease-in-out infinite; }
@keyframes th-drift{ 50%{ translate:.04em 0; } }
@media (prefers-reduced-motion:reduce){ .th.idle *{ animation:none !important; } }


html.top-thu{ --th-paper:#eeeae3; --th-paper2:#f3f0ea; --th-red:#b65a43; --th-ink:#173f3c; --th-sub:#4d6a66; --th-cell:#1d4f4b; --th-acc:#a8452f; }
html.top-thu.isl-t-dawn{ --th-paper:#e7e9ea; --th-paper2:#eef0f0; --th-red:#d0897a; --th-ink:#2a3d48; --th-sub:#5d6e78; --th-cell:#4a7f86; --th-acc:#b45f4d; }
html.top-thu.isl-t-dusk{ --th-paper:#e3cfbd; --th-paper2:#ead8c7; --th-red:#c8573d; --th-ink:#3a1f1a; --th-sub:#6a473c; --th-cell:#24504c; --th-acc:#9c3420; }
html.top-thu.isl-t-night{ --th-paper:#141c26; --th-paper2:#1a2430; --th-red:#d8cdb4; --th-ink:#eef0ea; --th-sub:#b8c0c4; --th-cell:#5fb3a8; --th-acc:#e0896e; --th-blend:screen; }
html.top-thu:has(body.home), html.top-thu body.home{ background:var(--th-paper) !important; }
html.top-thu .th-sun i:nth-child(1){ background-color:var(--th-red); }
html.top-thu.isl-t-night .th-sun i:nth-child(1){ mix-blend-mode:normal; box-shadow:0 0 80px 10px rgba(216,205,180,.18); }
html.top-thu.isl-t-dawn .th-sun i:nth-child(2){ background:#5b8f8a; }
html.top-thu.isl-t-night .th-sun i:nth-child(2){ background:#3f8f86; }
html.top-thu.isl-t-night .th-sun i:nth-child(3){ background:radial-gradient(circle,#cfc8b8 42%,transparent 46%) 0 0 / 5px 5px; }
.th-word:not(.th-word2) b{ background-image:radial-gradient(circle,var(--th-cell) 52%,transparent 56%), linear-gradient(var(--th-cell),var(--th-cell)) !important; }
html.top-thu.isl-t-night .th-word{ mix-blend-mode:screen; }
html.top-thu.isl-t-night .th-word2 b{ color:#e9e4d8; text-shadow:.045em .03em 0 rgba(201,105,79,.9), 0 2px 18px rgba(0,0,0,.4); }
html.top-thu.isl-t-dusk .th-word2 b{ text-shadow:.045em .03em 0 rgba(156,52,32,.9), 0 2px 18px rgba(40,10,0,.25); }
html.top-thu.isl-t-night .th-tree{ filter:brightness(.85) contrast(1.1); }
html.top-thu.isl-t-night .th-strips i, html.top-thu.isl-t-night .th-ppl i{ filter:brightness(.82); }
html.top-thu.isl-t-dusk .th-strips i, html.top-thu.isl-t-dusk .th-tree{ filter:sepia(.25) saturate(1.1); }
html.top-thu.isl-t-dawn .th-strips i, html.top-thu.isl-t-dawn .th-tree{ filter:brightness(1.05) contrast(.95); }
html.top-thu.isl-t-night .th-tex{ mix-blend-mode:screen; opacity:.05; filter:invert(1); }

html.top-thu body.home .quote, html.top-thu .isl-tag, html.top-thu body.home .nav-jump a,
html.top-thu body.home .right-list li .label, html.top-thu body.home .right-list li .value{ color:var(--th-ink) !important; }
html.top-thu body.home .right-list li small{ color:var(--th-sub) !important; }
html.top-thu body.home .chapter, html.top-thu body.home .right-list li .value .num, html.top-thu body.home .nav-jump a.active, html.top-thu body.home .nav-jump a:hover{ color:var(--th-acc) !important; }
html.top-thu body.home .bottom-center{ color:var(--th-sub) !important; }
html.top-thu.isl-t-night body.home .quote, html.top-thu.isl-t-night .isl-tag, html.top-thu.isl-t-night body.home .nav-jump a,
html.top-thu.isl-t-night body.home .right-list li .label, html.top-thu.isl-t-night body.home .right-list li .value, html.top-thu.isl-t-night body.home .right-list li small,
html.top-thu.isl-t-night body.home .chapter, html.top-thu.isl-t-night body.home .right-list li .value .num{ text-shadow:0 1px 8px rgba(10,16,24,.95), 0 0 2px rgba(10,16,24,.9) !important; }
html.top-thu.isl-t-dusk body.home .quote, html.top-thu.isl-t-dusk body.home .nav-jump a, html.top-thu.isl-t-dusk body.home .right-list li .label, html.top-thu.isl-t-dusk body.home .right-list li .value, html.top-thu.isl-t-dusk body.home .right-list li small{ text-shadow:0 1px 8px rgba(234,216,199,.95), 0 0 2px rgba(234,216,199,.9) !important; }
html.top-thu body.home .right-list li{ border-bottom-color:color-mix(in srgb,var(--th-ink) 25%,transparent) !important; }

html.top-thu.isl-t-night body.home.isl-logo .logo{ filter:brightness(0) invert(1) drop-shadow(0 0 3px #141c26) drop-shadow(0 0 14px #141c26) drop-shadow(0 0 28px rgba(20,28,38,.8)) !important; }
html.top-thu.isl-t-night body.home .logo{ filter:brightness(0) invert(1) blur(10px); }
html.top-thu.isl-t-night .isl-tag{ text-shadow:0 0 3px #141c26, 0 0 10px #141c26, 0 0 18px rgba(20,28,38,.9) !important; }
html.top-thu.isl-t-dusk body.home.isl-logo .logo{ filter:drop-shadow(0 0 3px #e3cfbd) drop-shadow(0 0 14px #e3cfbd) drop-shadow(0 0 28px rgba(227,207,189,.8)) !important; }
html.top-thu.isl-t-dusk .isl-tag{ text-shadow:0 0 3px #e3cfbd, 0 0 10px #e3cfbd !important; }
html.top-thu.isl-t-dawn body.home.isl-logo .logo{ filter:drop-shadow(0 0 3px #e7e9ea) drop-shadow(0 0 14px #e7e9ea) drop-shadow(0 0 28px rgba(231,233,234,.8)) !important; }
html.top-thu.isl-t-dawn .isl-tag{ text-shadow:0 0 3px #e7e9ea, 0 0 10px #e7e9ea !important; }

html.top-thu.isl-t-night .th-cur .d{ background:#eef0ea; } html.top-thu.isl-t-night .th-cur .r{ border-color:rgba(238,240,234,.55); }
html.top-thu.isl-t-night body.home .topbar .label, html.top-thu.isl-t-night body.home .topbar .breadcrumb a, html.top-thu.isl-t-night body.home .topbar .breadcrumb .current{ color:#eef0ea; }
html.top-thu.isl-t-dusk body.home .chapter, html.top-thu.isl-t-dusk body.home .right-list li .value .num, html.top-thu.isl-t-dusk body.home .nav-jump a.active{ text-shadow:0 1px 8px rgba(234,216,199,.95) !important; text-decoration-color:var(--th-acc); }
html.top-thu.isl-t-dusk body.home .topbar .label, html.top-thu.isl-t-dusk body.home .topbar .breadcrumb a, html.top-thu.isl-t-dusk body.home .topbar .breadcrumb .current{ color:#3a1f1a; text-shadow:none; }
html.top-thu.isl-t-dusk body.home .nav-jump a.active{ color:var(--th-acc) !important; text-decoration:none; }
html.top-thu.isl-t-night body.home .nav-jump a.active{ color:var(--th-acc) !important; text-decoration:none; }


.th-out.white{ background:#fff; transition:clip-path .55s cubic-bezier(.7,0,.2,1), background .35s ease; }

html.top-thu .isl-tag{ text-shadow:0 0 2px var(--th-paper), 0 0 6px var(--th-paper), 0 0 12px var(--th-paper), 0 0 22px var(--th-paper) !important; font-weight:700; }
@media (max-width:960px){
  
  .th-word{ z-index:3; } .th-word2{ z-index:3; }
  html.top-thu .th-word:not(.th-word2){ mix-blend-mode:normal !important; }
}


html.top-thu .isl-tag{ padding:6px 22px; background:radial-gradient(ellipse 60% 70% at 50% 50%, var(--th-paper) 45%, color-mix(in srgb,var(--th-paper) 70%,transparent) 70%, transparent 100%); }