/* TAKE X — shared visual identity, without changing page structure. */
:root{--primary:#7b61ff;--primary-hover:#6546ed;--primary-soft:#eee9ff;--bg:#f7f8ff;--card:#ffffff;--card-border:#deddf4;--text:#101126;--text-secondary:#626c90;--cb-bg:#f7f8ff;--cb-card:#ffffffed;--cb-card-2:#f1eeff;--cb-border:#deddf4;--cb-border-h:#a78bfa;--cb-text:#101126;--cb-dim:#626c90;--cb-faint:#7c86a7;--rail:#f0effb;--line:#e2def5;--line2:#dcd7f0;--navy:#15132e;--ink:#15132e;--sub:#657092;--vio:#7b61ff;--vio-d:#6341e9;--lav:#a78bff;--lav-bg:#efebff;--sh:0 7px 24.6px #4433990a;}
body{background:radial-gradient(ellipse at 10% 0,#e0dcff88,transparent 46%),radial-gradient(ellipse at 90% 10%,#dfeaff88,transparent 48%),#f7f8ff;color:var(--text);}
.take-page-brand{display:inline-flex;align-items:center;text-decoration:none;flex-shrink:0;}
.take-page-brand img{display:block;width:auto;height:24px;object-fit:contain;}
.hh-brand.take-page-brand img{width:183px;height:54.6px;}
.nav,.case-nav{background:#fafaffdd;border-bottom:0.9px solid #deddf4;backdrop-filter:blur(17.6px);}
.gh-banner{background:linear-gradient(110deg,#161331ee,#433293b8),url('take-x-night.png') center 47%/cover;border:0.9px solid #bfb0ff88;box-shadow:0 10.6px 31.7px #6251bb20;border-radius:19.4px;}
.gh-ticket{background:#f7f6ffeb;box-shadow:0 5.3px 17.6px #10082b26;border:0.9px solid #ffffff80;}
.gh-ticket .tt1{color:#7150ee;}.gh-go{color:#7b61ff;box-shadow:0 3.5px 14.1px #0e072a26;}
.g-card,.case-card,.gal-card{border-color:#deddf4;border-radius:15.8px;box-shadow:0 4.4px 17.6px #44339908;}
.g-card:hover,.case-card:hover,.gal-card:hover{border-color:#b49aff;box-shadow:0 10.6px 24.6px #6946ce18;}
.g-filter .chip,.case-filter{border-color:#deddf4;background:#ffffffcc;color:#626c90;}
.g-filter .chip.active,.case-filter.active,.g-modal-info .g-use{background:linear-gradient(120deg,#a78bff,#754dff);color:#fff;border-color:transparent;box-shadow:0 3.5px 10.6px #805aff26;}
.case-hero h1 .grad{background:linear-gradient(110deg,#6841ff,#b680f2);background-clip:text;color:transparent;}
.case-search{background:#ffffffd9;box-shadow:0 4.4px 17.6px #44339908;}
.case-search:focus{border-color:#a78bff;box-shadow:0 0 0 2.6px #a78bff18;}
.g-modal{backdrop-filter:blur(10.6px);background:#0c092b99;}.g-modal-inner{background:#fcfbff;border:0.9px solid #deddf4;border-radius:21.1px;box-shadow:0 24.6px 79.2px #10082b44;}
.g-modal-prompt,.g-modal-trans{background:#f3f0ff;border-color:#ded7fa;}
.rail{background:linear-gradient(180deg,#f1effc,#f8f8ff);border-right:0.9px solid #deddf4;}
.main,.director-workspace{background:radial-gradient(ellipse at 85% 0,#e0d9ff80,transparent 50%),#f7f8ff;}
.page-home .h-hero{padding-top:7px;}.create{border-radius:21.1px;border-color:#ded9f2;background:linear-gradient(160deg,#fff,#f7f5ff);box-shadow:0 10.6px 33.4px #6251bb10;}
.create .prompt{outline:none;border:0;background:transparent;}.create:focus-within{border-color:#b7a5ef;box-shadow:0 7px 28.2px #6251bb18;}
.btn-new,.dw-submit,.go-btn{background:linear-gradient(120deg,#9d7eff,#7047fa);box-shadow:0 4.4px 14.1px #805aff24;}
.btn-new:hover,.dw-submit:hover{background:linear-gradient(120deg,#8e6bf8,#6239e9);}
.dw-head,.dw-steps{background:#fcfbffed;border-color:#e2def5;}
.dw-entry,.dw-form,.dw-asset,.node{border-color:#ded9ef;border-radius:15.8px;box-shadow:0 5.3px 21.1px #44339908;}
.dw-entry.active,.dw-step.active{background:#eee9ff;color:#6947e8;}.dw-form textarea{border-radius:14.1px;background:#faf9ff;border-color:#e2def5;}
.dw-table{border-color:#ded9ef;}.dw-table th{background:#f0edfc;}.dw-asset pre{background:#f4f1ff;}
body.take-gallery-page{padding-top:0;}
body.take-cases-page{background:radial-gradient(ellipse at 12% 0,#e7e0ff99,transparent 52%),radial-gradient(ellipse at 95% 15%,#e3edff99,transparent 50%),#f7f8ff!important;}
.cv-area{background:radial-gradient(ellipse at 50% 15%,#e5deff60,transparent 62%),#f7f8ff;}
.cv-area .grid{background-image:radial-gradient(#a99dcb65 0.9px,transparent 0.9px);}
.chat{background:linear-gradient(180deg,#fcfbff,#f7f5ff);border-color:#ded9ef;}
.cv-back,.cv-zoom,.cv-mapbtn{border-color:#ded9ef;background:#ffffffed;box-shadow:0 3.5px 12.3px #44339908;}
/* Full-width header background with content aligned to the case grid. */
.case-nav{max-width:none;width:100%;padding-left:max(21.1px,calc((100% - 1013.8px)/2));padding-right:max(21.1px,calc((100% - 1013.8px)/2));}
.node{overflow:visible;}.node .nhead{border-radius:15.8px 15.8px 0 0;}.node .nbody{border-radius:0 0 15.8px 15.8px;overflow:hidden;}
.node .port.in{left:-7.9px;border-color:#a99ad8;}.node .port.out{right:-7.9px;}
.node:hover .port{transform:translateY(-50%) scale(1.15);color:#fff;}.node .port.hot{color:#fff;}
/* Gallery glass ribbon and slow aurora reflections. */
.take-gallery-page .gh-banner{isolation:isolate;min-height:119.7px;padding:21.1px 22.9px;border-radius:24.6px;border:0.9px solid #fff;background:linear-gradient(115deg,#fbfcff,#f0f2ff 48%,#e7e7ff);box-shadow:inset 0 0 0 0.9px #ffffffb3,0 4.4px 17.6px #7b78e52e;gap:19.4px;}
.take-gallery-page .gh-left{position:relative;z-index:2;padding-left:0;}
.take-gallery-page .gh-title{color:#080b1f;font-size:23.8px;letter-spacing:0;}
.take-gallery-page .gh-en{color:#9199b6;font-size:11.4px;font-weight:500;letter-spacing:1.2px;border-left:0.9px solid #c6c5e5;padding-left:15.8px;margin-left:5.3px;}
.take-gallery-page .gh-subrow{color:#343c5c;font-size:11.4px;margin-top:15.8px;gap:3.5px 10.6px;}
.take-gallery-page .gh-subrow .hlw{color:#693aff;}.take-gallery-page .gh-subrow .dot{color:#9297af;}
.gh-palette{position:absolute;left:0;top:3.5px;font-size:47.5px;filter:drop-shadow(0 3.5px 4.4px #927de44d);transform:rotate(-13deg);}
.take-gallery-page .gh-ticket{z-index:2;background:#ffffffa6;border:0.9px solid #ffffffbd;border-radius:17.6px;padding:13.2px 17.6px;box-shadow:0 5.3px 17.6px #8375d918;}
.take-gallery-page .gh-ticket .tt1{color:#6237ff;font-size:13.2px;font-weight:600;}.take-gallery-page .gh-ticket .tt2{color:#222739;font-size:11.4px;margin-top:7.9px;}.take-gallery-page .gh-ticket::before{background:#d2caff;border:3.5px solid #fff;box-shadow:none;width:13.2px;height:13.2px;left:-7px;}
.take-gallery-page .gh-go{z-index:2;width:42.2px;height:42.2px;background:#fffffff0;color:#683cff;box-shadow:0 5.3px 15.8px #8576dd20;}
.take-gallery-page .gh-banner::before{content:'';position:absolute;z-index:-1;inset:-80% -20%;pointer-events:none;background:radial-gradient(ellipse at 65% 40%,#b8a5ff55,transparent 34%),radial-gradient(ellipse at 40% 70%,#d3e8ff99,transparent 38%),linear-gradient(125deg,transparent 43%,#ffffffdd 48%,#e5cdff88 50%,transparent 55%);filter:blur(7.9px);animation:takeAurora 11s ease-in-out infinite alternate;}
.take-gallery-page .gh-banner::after{content:'';position:absolute;z-index:-1;left:38%;top:-140%;width:66%;height:270%;border-radius:50%;border-bottom:1.8px solid #ffffffd9;background:transparent;box-shadow:0 4.4px 7px #fff8;transform:rotate(18deg);pointer-events:none;animation:takeRibbon 13s ease-in-out infinite alternate;}
@keyframes takeAurora{from{transform:translateX(-9%) rotate(-4deg);opacity:.65;}to{transform:translateX(12%) rotate(7deg);opacity:1;}}
@keyframes takeRibbon{from{transform:translateX(-6%) rotate(15deg);}to{transform:translateX(10%) rotate(-8deg);}}
@media(max-width:800px){.take-gallery-page .gh-banner{flex-wrap:wrap;padding:17.6px;gap:13.2px;}.take-gallery-page .gh-left{flex-basis:100%;padding-left:0;}.gh-palette{font-size:35.2px;}.take-gallery-page .gh-title{font-size:19.4px;flex-wrap:wrap;gap:7px;}.take-gallery-page .gh-en{font-size:8.8px;padding-left:8.8px;margin:0;}.take-gallery-page .gh-subrow{font-size:10.6px;margin-top:10.6px;}.take-gallery-page .gh-ticket{margin-left:auto;}.take-gallery-page .gh-ticket .tt1{font-size:10.6px;}}
@media(prefers-reduced-motion:reduce){.take-gallery-page .gh-banner::before,.take-gallery-page .gh-banner::after{animation:none;}}

/* Native, compact title on the continuous page background. */
.take-cases-page .case-hero-refined{max-width:1056px;margin:0 auto;padding:31.7px 21.1px 7px;background:none;text-align:center}
.case-hero-refined .case-hero-badge{font-size:10.6px;font-weight:500;line-height:1.5;padding:6.2px 16.7px;margin:0 0 15.8px;border:0.9px solid #cdb8f1;background:linear-gradient(110deg,#ffffff99,#f0eaff66);border-radius:879.1px;color:#3d356a;box-shadow:0 1.8px 8.8px #9f75df0a}
.case-hero-refined h1{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10.6px;margin:0;font-size:28.2px;font-weight:800;line-height:1.4;letter-spacing:-.4.4px;color:#141629}
.case-title-icon{display:inline-flex;width:37px;height:29.9px;padding-right:8.8px;border-right:0.9px solid #c5bfd9;align-items:center;flex:none}.case-title-icon svg{width:28.2px;height:28.2px;flex:none}
.case-title-dot{font-size:21.1px;font-weight:600}
.case-hero-refined h1 .grad{background:linear-gradient(110deg,#5942f4,#a568e9);background-clip:text;-webkit-background-clip:text;color:transparent}
.case-hero-refined p{font-size:12.3px;line-height:1.8;color:#76758c;margin:11.4px auto 0;max-width:721.6px}
@media(max-width:600px){.take-cases-page .case-hero-refined{padding:24.6px 15.8px 5.3px}.case-hero-refined h1{font-size:21.1px;gap:7px}.case-title-icon{width:29.9px;height:24.6px;padding-right:5.3px}.case-title-icon svg{width:22.9px;height:22.9px}.case-hero-refined p{font-size:10.6px}.case-hero-refined .case-hero-badge{font-size:9.7px;margin-bottom:13.2px}}