.dw-atender-case{--at-ink:#30314f;--at-accent:#fa8732;--at-gold:#f4ac5a;--at-pale:#f3f3f8;color:var(--at-ink);font-family:Montserrat,sans-serif;overflow:clip;background:#fff}.dw-atender-case *{box-sizing:border-box}.dw-atender-case .at-wrap{width:min(1220px,calc(100% - 64px));margin-inline:auto}.dw-atender-case a{color:inherit}.dw-atender-case .at-hero{background:#10121a;color:#fff;padding:45px 0 0}.dw-atender-case .at-back{font-size:13px;text-decoration:none;opacity:.75}.dw-atender-case .at-eyebrow{font-size:12px;letter-spacing:.13em;font-weight:700;color:var(--at-accent);margin:38px 0 18px}.dw-atender-case h1{font-size:clamp(36px,5.4vw,78px);letter-spacing:-.05em;line-height:1.08;font-weight:800;max-width:1100px;color:inherit;margin:0}.dw-atender-case h1 em{font-style:normal;color:var(--at-gold)}.dw-atender-case .at-intro{max-width:820px;color:#d8d9e6;font-size:17px;line-height:1.8;margin:26px 0}.dw-atender-case .at-actions{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin:25px 0}.dw-atender-case .at-btn{display:inline-flex;border-radius:40px;background:var(--at-accent);color:#151525;padding:16px 25px;text-decoration:none;font-size:14px;font-weight:700;transition:transform .2s}.dw-atender-case .at-btn:hover{transform:translateY(-3px)}.dw-atender-case .at-link{font-size:14px;font-weight:600;text-underline-offset:5px}.dw-atender-case .at-main-image{display:block;width:100%;height:auto;margin:0;max-height:850px;object-fit:contain;background:#070a10}.dw-atender-case .at-facts{display:grid;grid-template-columns:1fr 1.3fr 1fr 1.5fr;gap:20px;padding:32px 0 38px}.dw-atender-case .at-facts span{display:block;font-size:11px;color:#b5b6c9;margin-bottom:8px;text-transform:uppercase;letter-spacing:.08em}.dw-atender-case .at-facts strong{font-size:14px}.dw-atender-case .at-jump{position:sticky;top:0;z-index:8;display:flex;justify-content:center;flex-wrap:wrap;gap:28px;padding:21px;background:#30314ff5;color:#fff;backdrop-filter:blur(10px)}.dw-atender-case .at-jump a{font-size:12px;text-decoration:none;font-weight:600}.dw-atender-case progress{position:absolute;bottom:0;left:0;width:100%;height:3px;border:0;background:transparent;appearance:none}.dw-atender-case progress::-webkit-progress-bar{background:transparent}.dw-atender-case progress::-webkit-progress-value{background:var(--at-accent)}.dw-atender-case h2{font-size:clamp(28px,3.2vw,46px);line-height:1.15;letter-spacing:-.035em;color:var(--at-ink);margin:12px 0 26px}.dw-atender-case .at-explorer{padding:65px 0 70px}.dw-atender-case .at-explorer>p:not(.at-eyebrow){font-size:15px;line-height:1.7;max-width:750px}.dw-atender-case .at-controls{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:32px 0 20px}.dw-atender-case .at-controls [role=group]{display:flex;flex-wrap:wrap;gap:7px}.dw-atender-case button{font-family:inherit;cursor:pointer;border:1px solid #d6d6e1;background:#fff;color:var(--at-ink);border-radius:25px;padding:11px 17px;font-size:13px;font-weight:600}.dw-atender-case button[aria-pressed=true]{background:var(--at-ink);border-color:var(--at-ink);color:#fff}.dw-atender-case :focus-visible{outline:3px solid var(--at-accent);outline-offset:4px}.dw-atender-case .at-browser{border:1px solid #dadbe4;border-radius:18px;overflow:hidden;box-shadow:0 20px 65px #30314f20;width:100%;margin:auto;transition:max-width .3s;background:#ebebf2}.dw-atender-case .at-browser.is-mobile{max-width:390px}.dw-atender-case .at-browser-bar{height:42px;display:flex;align-items:center;gap:6px;padding:0 17px;background:#e7e7ee}.dw-atender-case .at-browser-bar i{width:8px;height:8px;border-radius:50%;background:#a7a8b8}.dw-atender-case .at-browser-bar span{margin-left:10px;font-size:10px;color:#565970;overflow:hidden;white-space:nowrap}.dw-atender-case .at-screen{height:560px;overflow:auto;overscroll-behavior:contain;background:#fff;scrollbar-width:thin}.dw-atender-case .at-screen img{display:block;width:100%;height:auto;max-width:none}.dw-atender-case .at-screen-caption{color:#64667c;font-size:13px!important}.dw-atender-case .at-story{display:grid;grid-template-columns:220px minmax(0,1fr);gap:75px;padding:70px 0 85px;border-top:1px solid #e2e2ea}.dw-atender-case .at-author{font-size:12px;line-height:1.8;align-self:start;position:sticky;top:85px}.dw-atender-case .at-author .at-eyebrow{margin-top:0}.dw-atender-case .at-prose{max-width:850px}.dw-atender-case .at-chapter{position:relative;margin-bottom:68px;scroll-margin-top:90px}.dw-atender-case .at-chapter h2{font-size:clamp(27px,2.7vw,37px)}.dw-atender-case .at-number{display:block;font-size:14px;font-weight:700;letter-spacing:.12em;color:#a36a2c}.dw-atender-case .at-chapter p{font-size:16px;line-height:1.95;margin:22px 0;color:#484b63}.dw-atender-case figure{margin:30px 0}.dw-atender-case figure img{width:100%;height:auto;border-radius:12px;border:1px solid #e2e2ea;transition:transform .3s}.dw-atender-case figure a:hover img{transform:scale(1.015)}.dw-atender-case figcaption{font-size:11px;line-height:1.6;color:#6c6c82;margin-top:9px}.dw-atender-case .at-quote{background:var(--at-ink);color:#fff;margin:35px 0;padding:38px;border:0;border-radius:20px}.dw-atender-case .at-quote p{color:#fff;font-size:23px;line-height:1.55;letter-spacing:-.02em}.dw-atender-case .at-quote cite{font-style:normal;font-size:13px;font-weight:700;display:block}.dw-atender-case .at-quote a{display:inline-block;font-size:12px;margin-top:14px;color:#fff}.dw-atender-case .at-stars{color:var(--at-gold);font-size:24px;letter-spacing:4px}.dw-atender-case .at-close{background:var(--at-pale);padding:70px 0 90px}.dw-atender-case .at-close h2{font-size:clamp(32px,4.5vw,60px);max-width:1000px}.dw-atender-case .at-close .at-link{margin-left:25px}.dw-atender-case [id]{scroll-margin-top:100px}@media(max-width:760px){.dw-atender-case .at-wrap{width:calc(100% - 36px)}.dw-atender-case .at-hero{padding-top:28px}.dw-atender-case .at-intro{font-size:15px}.dw-atender-case .at-main-image{width:120%;max-width:none;margin-left:-10%;height:auto}.dw-atender-case .at-facts{grid-template-columns:1fr 1fr;gap:26px}.dw-atender-case .at-jump{gap:13px;padding:15px 10px}.dw-atender-case .at-jump a{font-size:10px}.dw-atender-case .at-controls button{padding:10px 12px;font-size:11px}.dw-atender-case .at-screen{height:420px}.dw-atender-case .at-browser.is-mobile .at-screen{height:570px}.dw-atender-case .at-story{display:block;padding-top:35px}.dw-atender-case .at-author{position:static;border-bottom:1px solid #ddd;margin-bottom:45px;padding-bottom:25px}.dw-atender-case .at-quote{padding:25px}.dw-atender-case .at-quote p{font-size:20px}.dw-atender-case .at-close .at-link{display:block;margin:25px 0 0}}@media(prefers-reduced-motion:reduce){.dw-atender-case *{transition:none!important;scroll-behavior:auto!important}}
@media(min-width:1000px){.dw-atender-case .at-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding-top:35px}.dw-atender-case .at-hero>.at-wrap:first-child{width:auto;margin:0;padding:0 0 35px max(32px,calc((100vw - 1220px)/2))}.dw-atender-case .at-hero h1{font-size:clamp(38px,4.3vw,62px)}.dw-atender-case .at-hero .at-intro{font-size:14px;line-height:1.8}.dw-atender-case .at-main-image{grid-column:2;grid-row:1;transform:scale(1.08);height:auto;object-fit:contain}.dw-atender-case .at-facts{grid-column:1 / -1}.dw-atender-case .at-hero .at-actions{gap:18px}.dw-atender-case .at-jump{top:64px}}@media(max-width:999px){.dw-atender-case .at-jump{top:56px}}

.dw-atender-case .at-title-client{font-size:14px;letter-spacing:.15em;display:block;margin-bottom:18px;color:#d8d9e6;font-weight:600}
@media(min-width:1000px){.dw-atender-case .at-hero>.at-wrap:first-child{min-width:0;padding-right:28px}.dw-atender-case .at-hero .at-intro{max-width:100%}.dw-atender-case .at-main-image{transform:none}.dw-atender-case .at-hero h1{font-size:clamp(38px,3.8vw,56px)}}
.dw-atender-case .at-browser{position:relative;transition:none}.dw-atender-case .at-load-status{position:absolute;top:55px;right:14px;left:14px;width:fit-content;max-width:calc(100% - 28px);margin:auto;padding:10px 16px;border-radius:22px;background:#30314f;color:white;font-size:12px;box-shadow:0 4px 18px #10121a30;z-index:2}.dw-atender-case .at-load-status[hidden]{display:none}.dw-atender-case .is-loading .at-screen img{opacity:.35}.dw-atender-case .at-screen{scroll-behavior:auto!important}.dw-atender-case .at-screen img{transition:none}
/* Interactive project gallery — DWVisual, October 2026. */
.dw-atender-case .at-scene-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px 0}.dw-atender-case .at-scene-card{padding:0;border-radius:16px;text-align:left;overflow:hidden;background:#f5f5f9;border:2px solid transparent;transition:transform .22s,box-shadow .22s,border-color .22s}.dw-atender-case .at-scene-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #30314f15}.dw-atender-case .at-scene-card[aria-pressed=true]{border-color:var(--at-accent);background:#30314f;color:#fff;box-shadow:0 10px 22px #30314f22}.dw-atender-case .at-card-preview{display:block;position:relative;aspect-ratio:2.8;overflow:hidden;background:#161822}.dw-atender-case .at-card-preview img{width:100%;height:100%;object-fit:cover;object-position:top;opacity:.8;transition:opacity .2s,transform .4s}.dw-atender-case .at-scene-card:hover img,.dw-atender-case .at-scene-card[aria-pressed=true] img{opacity:1;transform:scale(1.035)}.dw-atender-case .at-card-preview>span{position:absolute;left:12px;top:12px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;color:#30314f;font-size:11px}.dw-atender-case .at-card-copy{display:block;padding:18px 40px 18px 18px;position:relative}.dw-atender-case .at-card-copy strong{display:block;font-size:17px}.dw-atender-case .at-card-copy small{display:block;font-size:11px;opacity:.8;margin-top:6px;font-weight:400}.dw-atender-case .at-card-copy b{position:absolute;right:17px;top:20px;font-size:21px;font-weight:400}.dw-atender-case .at-stage{padding:22px;border:1px solid #e0e0eb;border-radius:24px;background:radial-gradient(ellipse at 50% 40%,#fff,#eaeaf2);position:relative}.dw-atender-case .at-controls{margin:0 0 20px;align-items:center}.dw-atender-case .at-view-name{margin:0;display:flex;align-items:center;gap:12px;font-size:14px}.dw-atender-case .at-view-name span{font-size:10px;color:#73758a;letter-spacing:.08em}.dw-atender-case .at-controls button{display:inline-flex;align-items:center;gap:8px}.dw-atender-case .at-controls svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}.dw-atender-case .at-expand{margin-left:auto}.dw-atender-case .at-browser{max-width:100%;transition:max-width .36s cubic-bezier(.2,.7,.2,1),border-radius .3s;box-shadow:0 25px 40px #30314f20}.dw-atender-case .at-browser.is-mobile{max-width:375px;border:7px solid #242638;border-radius:32px}.dw-atender-case .at-browser.is-mobile .at-browser-bar{height:30px;padding-inline:10px}.dw-atender-case .at-browser.is-mobile .at-browser-bar i{display:none}.dw-atender-case .at-browser.is-mobile .at-scroll-hint{display:none}.dw-atender-case .at-browser-bar .at-scroll-hint{margin-left:auto;font-size:10px;transition:opacity .25s}.dw-atender-case .has-scrolled .at-scroll-hint{opacity:0}.dw-atender-case .at-tour-controls{display:flex;align-items:center;gap:18px;margin:22px 0 0;flex-wrap:wrap}.dw-atender-case .at-play{min-width:185px;background:#30314f;color:#fff;border-color:#30314f}.dw-atender-case .at-play[aria-pressed=true]{background:#fa8732;color:#23243d;border-color:#fa8732}.dw-atender-case .at-play span{margin-right:6px}.dw-atender-case .at-scrubber{flex:1;min-width:100px}.dw-atender-case .at-scrubber>span{display:flex;justify-content:space-between;font-size:10px;color:#64667c;margin-bottom:7px}.dw-atender-case .at-scrubber input{width:100%;accent-color:#fa8732;cursor:ew-resize;height:18px;margin:0;display:block}.dw-atender-case .at-restart,.dw-atender-case .at-next{border:0;background:transparent;padding:10px 5px;font-size:11px}.dw-atender-case .at-stage.is-expanded{position:fixed;inset:0;z-index:1000000;border-radius:0;padding:24px max(24px,calc((100vw - 1440px)/2));overflow:auto;display:flex;flex-direction:column}.dw-atender-case .is-expanded .at-browser{flex:1;min-height:0;width:100%}.dw-atender-case .is-expanded .at-screen{height:calc(100dvh - 215px)}.dw-atender-case .is-expanded .at-tour-controls{flex-shrink:0}.dw-atender-case .at-main-image{width:100%;max-width:100%;margin:0;object-fit:contain}
@media(max-width:760px){.dw-atender-case .at-scene-cards{gap:8px}.dw-atender-case .at-card-preview{aspect-ratio:1.45}.dw-atender-case .at-card-preview>span{width:22px;height:22px;font-size:9px;left:7px;top:7px}.dw-atender-case .at-card-copy{padding:12px 8px}.dw-atender-case .at-card-copy strong{font-size:12px}.dw-atender-case .at-card-copy small,.dw-atender-case .at-card-copy b{display:none}.dw-atender-case .at-stage{padding:12px;border-radius:18px}.dw-atender-case .at-controls{gap:12px}.dw-atender-case .at-view-name{width:calc(100% - 90px);font-size:12px}.dw-atender-case .at-controls>[role=group]{order:3;width:100%}.dw-atender-case .at-expand{order:2;margin-left:0;font-size:11px;padding:9px 10px}.dw-atender-case .at-tour-controls{gap:10px;margin-top:15px}.dw-atender-case .at-play{min-width:160px;font-size:11px;padding:11px}.dw-atender-case .at-scrubber{min-width:100px}.dw-atender-case .at-next{margin-left:auto}.dw-atender-case .at-browser-bar .at-scroll-hint{display:none}.dw-atender-case .at-browser.is-mobile .at-screen{height:480px}.dw-atender-case .at-stage.is-expanded{padding:15px}.dw-atender-case .is-expanded .at-screen,.dw-atender-case .is-expanded .at-browser.is-mobile .at-screen{height:calc(100dvh - 275px)}.dw-atender-case .at-stage.is-expanded .at-browser{flex:none}.dw-atender-case .at-main-image{width:100%;margin:0}}