/* Editorial product sections: topic left, explanation right, scene below. */
.work3[data-work-fragments] { width:min(1440px,100vw); padding:88px 64px 72px; color:#dde1e5; background:#0f1114; }
.work3[data-work-fragments]>.eyebrow { margin-bottom:24px; }
.work3 .work-editorial-header { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:start; column-gap:100px; margin-bottom:56px; }
.work3 .work-editorial-header .eyebrow { display:inline-flex; margin-bottom:24px; }
.work3 .work-editorial-header h2 { margin:0; color:#f0f1f3; font-size:clamp(38px,4.3vw,60px); font-weight:400; line-height:1.08; letter-spacing:-.045em; }
.work3 .work-editorial-header>p { max-width:520px; margin:0 0 4px; color:#a4abb6; font-size:20px; line-height:1.6; letter-spacing:-.15px; }
.work3 .work-editorial-agents { margin-top:108px; padding-top:88px; border-top:1px solid #ffffff12; }
.work3 .work-decision-scene { position:relative; min-height:570px; isolation:isolate; }
.work3 .work-decision-scene::before { content:""; position:absolute; inset:-70px -35px -30px; z-index:-1; background:url("assets/hero-bg.webp") 60% 45% / 1050px auto no-repeat; opacity:.18; -webkit-mask-image:radial-gradient(ellipse at 56% 48%,#000 5%,transparent 66%); mask-image:radial-gradient(ellipse at 56% 48%,#000 5%,transparent 66%); pointer-events:none; }
.work3 .work-glass { --work-rim:6px; padding:var(--work-rim); border:1px solid #d3e5ee29; border-radius:13px; background:linear-gradient(140deg,#d9e7ef15,#9eafb107 38%,#c2cce410); -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); }
.work3 .work-glass::before { content:""; position:absolute; top:-1px; left:14px; width:48%; height:1px; background:linear-gradient(90deg,#e4f0f480,#dbe8eb10,transparent); pointer-events:none; }
.work3 .work-glass::after { content:""; position:absolute; inset:0; padding:var(--work-rim); border-radius:inherit; background:linear-gradient(112deg,transparent 35%,#e2f0f335 47%,#e9f2f880 50%,#c4d2e829 54%,transparent 66%); background-size:300% 100%; background-position:140% 0; opacity:0; -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none; }
.work3 .work-panel { overflow:hidden; border:1px solid #30363c; border-radius:7px; background:#181a1d; }
.work3 .work-window-bar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px 18px; padding:14px 20px; border-bottom:1px solid #ffffff0d; color:#9ba6b2; font-size:12px; line-height:1.5; }
.work3 .work-window-bar>span:last-child { color:#a29aae; font-size:11px; }
.work3 .work-category { color:#9ba6b2; font-size:11px; line-height:1.5; letter-spacing:.075em; text-transform:uppercase; }
.work3 .work-proposal { --work-rim:7px; position:absolute; z-index:2; top:75px; right:34px; width:420px; box-shadow:-18px 20px 42px #0005; background:linear-gradient(130deg,#dee3f221,#b9bfd70b 48%,#d2c9e818); }
.work3 .work-proposal-content { padding:23px 27px; }
.work3 .work-proposal-content>.work-category { color:#baa8d0; }
.work3 .work-proposal h3 { margin:10px 0 17px; color:#ece8f1; font-size:25px; line-height:1.25; font-weight:400; letter-spacing:-.6px; }
.work3 .work-avatar { display:grid; place-items:center; flex:none; width:35px; height:35px; border:1px solid #454c57; border-radius:50%; background:#242930; color:#c5cfdb; font-size:11px; }
.work3 .work-person,.work3 .work-agent-person { display:flex; align-items:center; gap:10px; color:#cdd4df; font-size:14px; line-height:1.4; }
.work3 .work-person small,.work3 .work-agent-person small { display:block; margin-top:3px; color:#9aa5b4; font-size:12px; }
.work3 .work-offer { margin-top:21px; }
.work3 .work-offer>span { color:#b7a6c9; font-size:12px; }
.work3 .work-offer strong { display:flex; align-items:baseline; gap:12px; margin-top:7px; color:#f1ebf8; font-size:72px; line-height:1.08; font-weight:400; letter-spacing:-3px; }
.work3 .work-offer strong small { color:#c7b4db; font-size:21px; letter-spacing:0; }
.work3 .work-offer-reason { margin:15px 0 0; color:#aaa3b3; font-size:13px; line-height:1.65; }
.work3 .work-approval-status { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; margin-top:23px; padding-top:17px; border-top:1px solid #c4addb24; }
.work3 .work-approval-status>span { display:inline-flex; align-items:center; gap:8px; color:#d3bee8; font-size:12px; line-height:1.5; }
.work3 .work-approval-status i { width:4px; height:4px; border-radius:50%; background:#c4a7e2; }
.work3 .work-approval-status small { color:#b0a4bd; font-size:12px; }
.work3 .work-customer-context { position:absolute; z-index:1; top:16px; left:0; width:76%; }
.work3 .work-context-body { display:flex; min-height:307px; padding:28px 32px; gap:30px; }
.work3 .work-context-copy { flex:0 0 370px; max-width:100%; }
.work3 .work-context-copy>.work-person { margin:21px 0 27px; }
.work3 .work-customer-facts { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin:0; padding-top:18px; border-top:1px solid #ffffff0d; }
.work3 .work-customer-facts dt { margin-bottom:7px; color:#98a4b3; font-size:12px; line-height:1.5; }
.work3 .work-customer-facts dd { margin:0; color:#dbe4ef; font-size:31px; line-height:1.2; letter-spacing:-.6px; }
.work3 .work-customer-facts dd span { color:#98a4b3; font-size:12px; letter-spacing:0; }
.work3 .work-context-note { margin-top:24px; }
.work3 .work-context-note>span { color:#acb6c4; font-size:12px; }
.work3 .work-context-note p { max-width:345px; margin:7px 0 0; color:#97a3b2; font-size:12px; line-height:1.7; }
.work3 .work-context-footer { display:flex; align-items:center; flex-wrap:wrap; gap:8px; padding:15px 24px; border-top:1px solid #ffffff0c; color:#9eabba; font-size:11px; }
.work3 .work-context-footer i { width:5px; height:5px; border-radius:50%; background:#8e9eb2; }
.work3 .work-context-footer>span { margin-left:auto; }
.work3 .work-context-chart { position:relative; flex:1; min-width:0; opacity:.35; }
.work3 .work-context-chart>div { position:absolute; inset:40px 0 35px; display:flex; gap:10px; align-items:flex-end; border-bottom:1px solid #75859935; background:repeating-linear-gradient(to top,transparent 0,transparent 44px,#7e8f9f13 44px,#7e8f9f13 45px); }
.work3 .work-context-chart span { flex:1; height:65%; border:1px solid #8297b533; border-bottom:0; border-radius:3px 3px 0 0; background:linear-gradient(#6a8ab128,#6a8ab106); }
.work3 .work-context-chart span:nth-child(2) { height:82%; }.work3 .work-context-chart span:nth-child(3) { height:55%; }.work3 .work-context-chart span:nth-child(4) { height:92%; }.work3 .work-context-chart span:nth-child(5) { height:64%; }.work3 .work-context-chart span:nth-child(6) { height:26%; }
.work3 .work-scene-note { margin:20px 0 0; color:#939eac; font-size:11px; line-height:1.7; }
.work3 .work-agent-scene { position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:start; gap:18px; padding:32px 16px 58px; isolation:isolate; }
.work3 .work-agent-scene::before { content:""; position:absolute; inset:0 -35px; z-index:-1; background:radial-gradient(ellipse at 50% 65%,#8293a30a,transparent 70%); pointer-events:none; }
.work3 .work-agent-scene::after { content:""; position:absolute; z-index:3; inset:20px 0 40px; background:linear-gradient(90deg,#0f1114,transparent 16px,transparent calc(100% - 16px),#0f1114); pointer-events:none; }
.work3 .work-agent-window { --work-rim:4px; position:relative; min-width:0; border-radius:10px; }
.work3 .work-agent-ray { margin-top:35px; }.work3 .work-agent-leo { margin-top:65px; }
.work3 .work-agent-heading { display:flex; align-items:center; gap:10px; padding:16px; border-bottom:1px solid #ffffff0d; }
.work3 .work-agent-initial { display:grid; place-items:center; width:30px; height:30px; flex:none; border:1px solid #404957; border-radius:6px; background:#242a32; color:#a7b6c9; font-size:12px; }
.work3 .work-agent-heading h3 { margin:0; color:#e0e5ec; font-size:14px; line-height:1.4; font-weight:500; }
.work3 .work-agent-heading>div>span { display:block; margin-top:3px; color:#98a4b4; font-size:11px; }
.work3 .work-agent-heading>small { margin-left:auto; color:#a9b2bf; font-size:11px; text-align:right; }
.work3 .work-agent-body { min-height:294px; padding:22px 20px; }
.work3 .work-agent-person { margin:22px 0 24px; font-size:13px; }
.work3 .work-agent-person>.work-avatar { width:31px; height:31px; font-size:10px; }
.work3 .work-agent-person small { font-size:11px; }
.work3 .work-agent-plan { display:grid; gap:15px; list-style:none; padding:0; margin:0; color:#b1bdcd; font-size:12px; line-height:1.6; }
.work3 .work-agent-plan li { display:flex; align-items:flex-start; gap:9px; }
.work3 .work-agent-plan i { flex:none; width:5px; height:5px; margin-top:7px; border-radius:50%; background:#7d8fa6; }
.work3 .work-agent-final { margin-top:25px; padding-top:15px; border-top:1px solid #ffffff0c; }
.work3 .work-agent-final>span { color:#9aa9bc; font-size:11px; }
.work3 .work-agent-final p { margin:7px 0 0; color:#b8c2cf; font-size:12px; line-height:1.65; }
.work3 .work-agent-status { display:flex; align-items:center; gap:8px; padding:14px 17px; border-top:1px solid #ffffff0c; color:#a7b4c6; font-size:11px; line-height:1.6; }
.work3 .work-agent-status i { width:4px; height:4px; flex:none; border-radius:50%; background:#91a0b6; }
.work3 .work-agent-message { margin:25px 0 18px 28px; padding:14px; border:1px solid #ffffff0e; border-radius:8px 8px 3px 8px; background:#21252b; }
.work3 .work-agent-message>span,.work3 .work-agent-reply>span { color:#9aa8ba; font-size:10px; line-height:1.5; }
.work3 .work-agent-message p { margin:8px 0 0; color:#cdd5df; font-size:13px; line-height:1.65; }
.work3 .work-agent-reply { padding:0 4px; }
.work3 .work-agent-reply p { margin:9px 0 0; color:#b8c2cf; font-size:12px; line-height:1.75; }
.work3 .work-loyalty-facts { display:grid; grid-template-columns:1fr 1fr; gap:15px; margin:0; }
.work3 .work-loyalty-facts dt { margin-bottom:9px; color:#98a4b3; font-size:11px; line-height:1.5; }
.work3 .work-loyalty-facts dd { margin:0; color:#dbe4ef; font-size:30px; line-height:1.2; letter-spacing:-.5px; }
.work3 .work-loyalty-facts dd span { color:#98a4b3; font-size:11px; letter-spacing:0; }
@media(prefers-reduced-motion:no-preference) {
 .work3 .is-in-view .work-context-copy { animation:work-evidence-in .8s ease-out both; }
 .work3 .is-in-view .work-proposal { animation:work-offer-settle 1.1s .18s cubic-bezier(.16,1,.3,1) both; }
 .work3 .is-in-view .work-proposal::after { animation:work-rim-reflection 1.8s .5s ease-in-out both; }
 .work3 .is-in-view .work-agent-window { animation:work-offer-settle 1s ease-out both; }
 .work3 .is-in-view .work-agent-sam { animation-delay:.12s; }.work3 .is-in-view .work-agent-leo { animation-delay:.24s; }
}
@keyframes work-evidence-in { from { opacity:.7; transform:translateY(4px); } to { opacity:1; transform:none; } }
@keyframes work-offer-settle { from { transform:translateY(12px); } to { transform:none; } }
@keyframes work-rim-reflection { 0% { opacity:0; background-position:140% 0; } 30%,65% { opacity:.5; } 100% { opacity:0; background-position:-40% 0; } }
@media(max-width:1100px) {
 .work3[data-work-fragments] { padding:88px 32px 72px; }
 .work3 .work-editorial-header { column-gap:50px; }
 .work3 .work-customer-context { width:79%; }
 .work3 .work-context-body { padding:25px; }
 .work3 .work-context-copy { flex-basis:315px; }
 .work3 .work-proposal { right:0; width:380px; }
 .work3 .work-proposal-content { padding:22px; }
 .work3 .work-agent-scene { gap:12px; padding-left:0; padding-right:0; }
 .work3 .work-agent-body { padding:20px 16px; }
 .work3 .work-agent-heading { padding:14px 12px; gap:8px; }
 .work3 .work-agent-heading>small { font-size:10px; }
 .work3 .work-agent-message { margin-left:10px; }
}
@media(max-width:900px) and (min-width:761px) {
 .work3 .work-decision-scene { min-height:590px; }
 .work3 .work-proposal { top:95px; width:350px; }
 .work3 .work-context-copy { flex-basis:285px; }
 .work3 .work-agent-scene { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .work3 .work-agent-leo { grid-column:1/-1; max-width:400px; width:100%; justify-self:center; margin-top:8px; }
}
@media(max-width:760px) {
 .work3[data-work-fragments] { padding:56px 23px 40px; }
 .work3[data-work-fragments]>.eyebrow { margin-bottom:19px; }
 .work3 .work-editorial-header { grid-template-columns:minmax(0,1fr); gap:22px; margin-bottom:30px; }
 .work3 .work-editorial-header .eyebrow { margin-bottom:19px; }
 .work3 .work-editorial-header h2 { font-size:36px; line-height:1.12; }
 .work3 .work-editorial-header>p { max-width:none; font-size:14px; line-height:1.7; }
 .work3 .work-editorial-agents { margin-top:64px; padding-top:56px; }
 .work3 .work-decision-scene { display:flex; flex-direction:column; gap:20px; min-height:0; }
 .work3 .work-decision-scene::before { inset:-35px -15px auto; height:570px; opacity:.14; background-size:750px auto; }
 .work3 .work-glass { --work-rim:5px; border-radius:11px; }
 .work3 .work-proposal,.work3 .work-customer-context { position:relative; inset:auto; width:100%; }
 .work3 .work-proposal { --work-rim:6px; box-shadow:0 10px 24px #0002; }
 .work3 .work-proposal-content { padding:22px 19px; }
 .work3 .work-window-bar { padding:12px 16px; font-size:12px; gap:7px 12px; }
 .work3 .work-window-bar>span:last-child,.work3 .work-category { font-size:12px; }
 .work3 .work-proposal h3 { font-size:24px; line-height:1.3; margin:10px 0 20px; }
 .work3 .work-person { font-size:14px; gap:9px; }
 .work3 .work-person small { font-size:12px; }
 .work3 .work-offer { margin-top:22px; }
 .work3 .work-offer>span { font-size:12px; }
 .work3 .work-offer strong { font-size:68px; gap:10px; margin-top:9px; }
 .work3 .work-offer strong small { font-size:20px; }
 .work3 .work-offer-reason { font-size:14px; line-height:1.65; margin-top:13px; }
 .work3 .work-approval-status { margin-top:20px; padding-top:17px; gap:10px 12px; }
 .work3 .work-context-body { display:block; min-height:0; padding:23px 19px; }
 .work3 .work-context-copy { width:100%; }
 .work3 .work-context-chart { display:none; }
 .work3 .work-context-copy>.work-person { margin:19px 0 24px; }
 .work3 .work-customer-facts { gap:14px; }
 .work3 .work-customer-facts dd { font-size:29px; }
 .work3 .work-context-note p { font-size:14px; line-height:1.65; }
 .work3 .work-context-footer { padding:14px 18px; font-size:12px; }
 .work3 .work-context-footer>span { margin-left:13px; }
 .work3 .work-agent-scene { grid-template-columns:minmax(0,1fr); gap:18px; padding:0; }
 .work3 .work-agent-scene::after { display:none; }
 .work3 .work-agent-window { margin:0; max-width:none; }
 .work3 .work-agent-heading { padding:16px; }
 .work3 .work-agent-heading h3 { font-size:15px; }
 .work3 .work-agent-heading>div>span,.work3 .work-agent-heading>small { font-size:12px; }
 .work3 .work-agent-body { min-height:0; padding:22px 19px; }
 .work3 .work-agent-person { margin:22px 0; font-size:14px; }
 .work3 .work-agent-person small { font-size:12px; }
 .work3 .work-agent-plan { gap:12px; font-size:13px; }
 .work3 .work-agent-final { margin-top:23px; }
 .work3 .work-agent-final>span { font-size:12px; }
 .work3 .work-agent-final p { font-size:14px; }
 .work3 .work-agent-status { padding:14px 17px; font-size:12px; }
 .work3 .work-agent-message { margin:23px 0 20px 12px; }
 .work3 .work-agent-message>span,.work3 .work-agent-reply>span { font-size:12px; }
 .work3 .work-agent-message p,.work3 .work-agent-reply p { font-size:14px; }
 .work3 .work-loyalty-facts dt,.work3 .work-loyalty-facts dd span { font-size:12px; }
 .work3 .work-scene-note { margin-top:17px; font-size:12px; }
}
@media(prefers-reduced-motion:reduce) { .work3[data-work-fragments] *, .work3[data-work-fragments] *::before, .work3[data-work-fragments] *::after { animation:none!important; transition:none!important; } }
