/* Result diagrams shared by the homepage, studio and services. Motion is
   opt-in through the existing motion.js geometry and global pause owner. */
.visual-icon{display:block;width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex:none}
.visual-section-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.visual-section-tools>span{font:10px/1.5 Arial,sans-serif;letter-spacing:1.5px;color:#53657c}.visual-motion-control{font-size:11px;padding:9px 14px;min-height:40px;color:#334968;background:#e4e9f1;border:1px solid #b5c2d2;border-radius:24px}.visual-example-note{font-size:10px;line-height:1.8;color:#566677;margin-top:14px}.live-capabilities .visual-example-note{color:#b4c3d6}
summary{cursor:pointer}summary:focus-visible{outline:3px solid #177ca1;outline-offset:5px}
.visual-story{min-width:0;background:#e5ebe7;border:1px solid #d3ddd7;overflow:hidden;color:#22362d}
.visual-story img{height:auto}
.visual-story-stage{position:relative;display:grid;grid-template-columns:23% 10% 67%;align-items:center;min-height:410px;padding:48px 36px 60px}
.visual-caption{display:block;font-size:12px;font-weight:500;line-height:1.5;text-align:center;color:inherit;letter-spacing:-.2px}
.visual-arrow{display:block;width:100%;min-width:0;color:#8ba194}.visual-arrow svg{display:block;width:100%;height:30px;fill:none;stroke:currentColor;stroke-width:1.2}.visual-signal{stroke:#3d58e4;stroke-width:2;stroke-dasharray:10 90;animation:visual-route 7s linear infinite;animation-play-state:paused}
.visual-photo{padding:8px;background:#fff;box-shadow:0 14px 34px #172b2312;transform:rotate(-7deg);animation:visual-float 9s ease-in-out infinite;animation-play-state:paused}.visual-photo img{height:150px;object-fit:cover}.visual-source>.visual-caption{margin-top:26px}
.visual-ingredients{position:relative;height:240px;margin-right:5px}.visual-ingredients .visual-photo{width:90%;position:absolute;top:12px;left:0}.visual-ingredients .visual-photo img{height:116px}.visual-type{position:absolute;right:-6px;top:116px;background:#fff;padding:12px 18px;width:59%;transform:rotate(6deg);box-shadow:0 14px 30px #172b2312;animation:visual-float 11s ease-in-out infinite reverse;animation-play-state:paused}.visual-type b{display:block;font:36px/1.1 Georgia,serif}.visual-type i,.visual-lines i{display:block;height:3px;background:#c8d2ce;width:90%;margin-top:9px}.visual-type i:last-child,.visual-lines i:last-child{width:56%}.visual-colors{position:absolute;left:2px;top:179px;width:68%;height:32px;display:flex;padding:5px;transform:rotate(-4deg);background:#fff;gap:3px}.visual-colors i{flex:1;background:#213d34}.visual-colors i:nth-child(2){background:#a6b2a2}.visual-colors i:last-child{background:#e7e6d9}.visual-ingredients>.visual-caption{position:absolute;bottom:-10px;width:100%}
.visual-devices{position:relative;padding:0 42px 14px 0;margin-left:7px}.visual-desktop{position:relative;background:white;border:6px solid #fff;border-radius:6px;box-shadow:0 22px 40px #1a37261a;overflow:hidden;transform:perspective(900px) rotateY(-5deg);animation:visual-float 12s ease-in-out infinite;animation-play-state:paused}.visual-desktop>img{aspect-ratio:1.6;object-fit:cover;object-position:top}.visual-chrome{display:flex;align-items:center;gap:4px;height:18px;padding:0 5px;background:#fff}.visual-chrome i{width:3px;height:3px;border-radius:50%;background:#a5b1ab}.visual-phone{position:absolute;right:0;bottom:-10px;width:26%;max-width:133px;border:5px solid #26372f;background:#fff;border-radius:17px;overflow:hidden;transform:rotate(5deg);box-shadow:0 13px 23px #172b2320;animation:visual-float 10s ease-in-out infinite reverse;animation-play-state:paused}.visual-phone>img{aspect-ratio:390/844;object-fit:cover;object-position:top}.visual-devices>.visual-caption{position:absolute;bottom:-44px;left:0;right:0}.visual-sweep{position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,#ffffff30 50%,transparent 80%);transform:translateX(-120%);animation:visual-assemble 10s ease-in-out infinite;animation-play-state:paused;pointer-events:none}
.visual-content{background:#e9edf1;color:#293a4d;border-color:#d8e0e5}.visual-content .visual-story-stage{grid-template-columns:19% 10% 71%;min-height:430px}.visual-channels{display:flex;align-items:center;gap:17px;padding-left:5px}.visual-media{position:relative;background:#fff;padding:7px;box-shadow:0 20px 38px #192d4214;min-width:0}.visual-media>.visual-caption{position:absolute;left:-8px;right:-8px;bottom:-34px;font-size:11px}.visual-platforms{display:flex;align-items:center;gap:9px;position:absolute;top:-38px;left:0;height:27px}.visual-platforms img{width:23px;height:23px;object-fit:contain}.visual-film{width:30%;transform:rotate(-4deg) translateY(-8px);animation:visual-float 10s ease-in-out infinite;animation-play-state:paused}.visual-film video{display:block;width:100%;aspect-ratio:3/4;object-fit:contain;background:#273442}.visual-film>img{aspect-ratio:3/4;object-fit:cover}.visual-play-mark{position:absolute;left:13px;bottom:14px;width:25px;height:25px;border:1px solid #fff9;border-radius:50%;background:#172333a0;color:#fff;display:grid;place-items:center;font-size:15px}.visual-feed{width:34%;transform:rotate(3deg) translateY(18px);animation:visual-float 12s ease-in-out infinite reverse;animation-play-state:paused}.visual-feed>img{aspect-ratio:4/5}.visual-post{width:31%;transform:rotate(-2deg) translateY(-12px);animation:visual-float 11s ease-in-out infinite;animation-play-state:paused}.visual-post>img{aspect-ratio:1.1}.visual-lines{padding:8px 4px 12px}.visual-lines i{height:3px;margin-top:8px}
.visual-automation{background:#243749;border-color:#405465;color:#dfebf4}.visual-automation .visual-story-stage{grid-template-columns:32% 25% 43%}.visual-papers{position:relative;height:240px}.visual-paper{position:absolute;width:123px;height:143px;padding:16px;background:#f5f7f5;border:1px solid #dde4df;box-shadow:0 13px 20px #0b182423;color:#334c59;animation:visual-float 11s ease-in-out infinite;animation-play-state:paused}.visual-paper>span{font-size:10px;letter-spacing:1px;display:block;margin-bottom:8px}.visual-paper>strong{display:block;font-size:12px;font-weight:500;margin-bottom:20px}.visual-paper>i{display:block;background:#c5d2d0;height:3px;margin:7px 0;width:75%}.visual-paper>i:last-child{width:50%}.paper-0{top:0;left:4px;transform:rotate(-9deg)}.paper-1{top:39px;right:4px;transform:rotate(8deg);animation-delay:-3s}.paper-2{top:104px;left:22px;transform:rotate(-3deg);animation-delay:-6s}.visual-papers>.visual-caption{position:absolute;left:0;right:0;bottom:-35px}.visual-review{position:relative;display:flex;align-items:center;padding:0 4px}.visual-review>.visual-caption{position:absolute;left:0;right:0;bottom:-35px}.visual-human{display:grid;place-items:center;width:58px;height:58px;flex:none;border:1px solid #9eb4c8;background:#2e4358;border-radius:50%;box-shadow:0 0 0 7px #2f43574f}.visual-human .visual-icon{width:31px;height:31px}.visual-review .visual-arrow{flex:1}.visual-review .visual-signal{stroke:#b0caff}.visual-record{position:relative;background:#2c4459;border:1px solid #7890a7;padding:23px;box-shadow:0 19px 40px #0a172427}.visual-record-title{display:flex;align-items:center;gap:12px;margin-bottom:19px;font-size:12px}.visual-record-title .visual-icon{width:23px;height:23px}.visual-record-row{display:flex;gap:12px;align-items:center;height:46px;border-top:1px solid #688095;font-size:12px}.visual-record-row>i{width:7px;height:7px;flex:none;border-radius:50%;background:#b7c8f9}.visual-record-row>.token-1{background:#b4d8c7}.visual-record-row>.token-2{background:#dfc7a7}.visual-record-row>b{margin-left:auto;font-size:11px;font-weight:400;color:#c2e1d1}
.visual-commerce{background:#e8e4dd}.visual-product-page{width:80%;margin:auto;border:6px solid #fff;background:#fff;box-shadow:0 15px 30px #55432318;transform:rotate(3deg);animation:visual-float 12s ease-in-out infinite;animation-play-state:paused}.visual-product-page>img{aspect-ratio:1.65}.visual-product-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:13px 7px}.visual-product-facts>span{padding:8px 0;text-align:center;border-top:1px solid #cfc6b7;color:#635847;font-size:10px}
.visual-operations .visual-story-stage{grid-template-columns:35% 15% 50%}.visual-edit-before{background:#f4f5f0;padding:6px;transform:rotate(-3deg);border:1px solid #a7b5a7}.visual-wire-photo{height:108px;background:linear-gradient(135deg,transparent 49%,#becbbb 50%,transparent 51%),linear-gradient(45deg,transparent 49%,#becbbb 50%,transparent 51%),#d7dfd2;border:1px solid #b6c3b3;margin:4px}.visual-edit-before>.visual-caption{margin:9px 0}.visual-edit-after{position:relative;padding:6px;background:#fff;transform:rotate(3deg);box-shadow:0 18px 35px #23412519;animation:visual-float 10s ease-in-out infinite;animation-play-state:paused}.visual-edit-after>img{aspect-ratio:1.35;object-position:top}.visual-change-mark{position:absolute;bottom:-30px;left:6px;right:6px;background:#284b38;color:#fff;padding:8px 10px;display:flex;align-items:center;gap:7px;font-size:10px}.visual-change-mark .visual-icon{width:20px;height:20px}
.visual-marketing{background:#ebe7ef;color:#4f3e60}.visual-publications{position:relative;display:flex;gap:18px;align-items:center;padding-left:7px}.visual-newsletter{width:60%;padding:15px;background:#fff;transform:rotate(-3deg);box-shadow:0 15px 25px #32224115}.visual-newsletter>.visual-icon{width:24px;height:24px;margin-bottom:8px}.visual-newsletter>strong{display:block;font:9px/1.5 Arial,sans-serif;letter-spacing:1px;margin-bottom:12px}.visual-newsletter>img{aspect-ratio:1.3}.visual-publish-post{width:34%;position:relative;transform:rotate(5deg);padding:5px;background:#fff}.visual-publish-post>.visual-platforms{gap:6px}.visual-publish-post>.visual-platforms img{width:20px;height:20px}.visual-publications>.visual-caption{position:absolute;left:0;right:0;bottom:-35px}/* Shared deliverable diagrams. */
/* Studio introduction: one source, independently selectable branches. */
.studio-overview{padding-bottom:85px}.studio-map{padding:48px 60px 31px;background:#e8ecf1;border:1px solid #d3dbe5;overflow:hidden}.studio-map-source{width:220px;margin:auto;background:#fff;padding:23px;text-align:center;border:1px solid #bac7d8;box-shadow:0 12px 30px #2237520a}.studio-map-mark{display:block;font-size:35px;line-height:1.2;color:var(--accent)}.studio-map-source>strong{display:block;font-size:19px;margin-top:6px}.studio-map-source>span:last-child{font-size:11px;color:#576576}.studio-map-branches{height:65px;margin-inline:10%}.studio-map-branches svg{height:100%;width:100%;fill:none;stroke:#94a8c4;stroke-width:1.1}.studio-map-results{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.studio-map-results>div{min-width:0;text-align:center}.studio-map-results>div>strong{display:block;font-size:14px;margin-top:20px;font-weight:500}.studio-map-web,.studio-map-content,.studio-map-workflow{height:174px}.studio-map-web{background:#fff;padding:5px;transform:rotate(-3deg);box-shadow:0 13px 22px #1c354012}.studio-map-web>img{height:145px;object-position:top}.studio-map-content{position:relative;padding-right:45px}.studio-map-content>img:first-child{height:155px;border:6px solid #fff;transform:rotate(-4deg)}.studio-map-content>img:last-child{position:absolute;width:36%;height:139px;object-fit:cover;right:0;bottom:0;border:5px solid #fff;transform:rotate(7deg)}.studio-map-workflow{display:flex;align-items:center;justify-content:center;gap:10px;background:#273e55;color:#d3e5f8;border:5px solid #fff;transform:rotate(3deg)}.studio-map-workflow>.visual-icon{width:38px;height:38px}.studio-map-workflow>span{color:#92aac5}.studio-map figcaption{text-align:center;font-size:12px;color:#50627a;margin-top:30px}.studio-approach{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:55px}.studio-approach h2{font-size:32px;line-height:1.45}.studio-approach p{font-size:14px;color:var(--muted)}.studio-approach p+p{margin-top:13px}.principle-grid .visual-icon{width:39px;height:39px;color:var(--accent);margin-bottom:23px}
/* Services: a brief promise, an output illustration, expandable scope. */
.service-index.visual-service-index{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px}.visual-service-index>a{gap:12px}.visual-service-index .visual-icon{width:24px;height:24px;color:var(--accent)}
.service-row.service-visual-row{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(0,1.25fr);gap:25px 55px;align-items:center;padding-block:48px}.service-visual-row .service-copy h2{font-size:31px}.service-visual-row .service-copy>p:not(.eyebrow){font-size:14px;max-width:350px}.service-visual-row .service-copy>.service-count{font:10px/1.5 Arial,sans-serif;letter-spacing:1px;color:var(--accent);margin:0 0 15px}.service-visual-row .service-copy>.text-link{margin-top:20px}.service-visual-row>.visual-story .visual-story-stage{min-height:330px;padding:44px 24px 56px}.service-visual-row .visual-photo img{height:110px}.service-visual-row .visual-ingredients{height:180px}.service-visual-row .visual-ingredients .visual-photo img{height:85px}.service-visual-row .visual-type{top:88px;padding:9px 12px}.service-visual-row .visual-type b{font-size:28px}.service-visual-row .visual-colors{top:139px}.service-visual-row .visual-devices{padding-right:24px}.service-visual-row .visual-desktop{border-width:4px}.service-visual-row .visual-phone{border-width:4px;border-radius:12px}.service-visual-row .visual-channels{gap:11px}.service-visual-row .visual-platforms{gap:6px}.service-visual-row .visual-platforms img{width:19px;height:19px}.service-visual-row .visual-media{padding:5px}.service-visual-row .visual-media>.visual-caption{font-size:10px}.service-visual-row .visual-papers{height:190px}.service-visual-row .visual-paper{width:94px;height:118px;padding:12px}.service-visual-row .visual-paper>strong{font-size:10px;margin-bottom:17px}.service-visual-row .paper-1{top:31px}.service-visual-row .paper-2{top:82px;left:12px}.service-visual-row .visual-record{padding:16px}.service-visual-row .visual-record-row{font-size:10px;height:39px;gap:8px}.service-visual-row .visual-record-title{font-size:11px;gap:8px}.service-visual-row .visual-human{width:45px;height:45px}.service-visual-row .visual-human>.visual-icon{width:25px;height:25px}.service-visual-row .visual-review>.visual-caption{font-size:10px}.service-scope{grid-column:1/-1;border-top:1px solid var(--line);font-size:13px}.service-scope summary{padding-top:18px;width:max-content;font-size:12px;color:#415165}.service-scope-body{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:21px 0 5px}.service-scope-body ul{list-style:disc;padding-left:18px}.service-scope-body li{margin-bottom:8px}.service-scope-body>div>p{margin:0 0 12px;color:var(--muted)}.service-scope-body strong{font-weight:600;color:var(--ink)}
.visual-bundle{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 4px}.visual-bundle>span{display:flex;flex:1;align-items:center;flex-direction:column;gap:12px;text-align:center;min-width:0}.visual-bundle .visual-icon{width:36px;height:36px;color:#435f9a}.visual-bundle small{font-size:11px;color:#526176}.visual-bundle>i{font-style:normal;font-size:16px;color:#7e8da7;margin-bottom:23px}.project-copy .visual-bundle{justify-content:flex-start;max-width:330px}.project-copy .visual-bundle>span{flex:0 1 95px}.project-copy .visual-bundle .visual-icon{width:24px;height:24px}.project-copy .visual-bundle small{font-size:10px}.combination-grid h3{font-size:20px}.visual-process{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;margin-top:46px}.visual-process>li{position:relative}.process-pictogram{height:100px;display:flex;align-items:center;gap:18px;border-bottom:1px solid #b5c4b9;margin-bottom:22px}.process-pictogram>.visual-icon{width:50px;height:50px;stroke-width:1;color:#43664d}.process-pictogram>span{margin-left:auto;font:11px/1 Arial,sans-serif;color:#58715e}.visual-process>li:not(:last-child):after{content:'→';position:absolute;right:-25px;top:33px;color:#8d9e92;font-size:20px}.visual-process h3{font-size:20px;margin-bottom:8px}.visual-process p{font-size:12px;color:#536158}
.experience-steps>li>.experience-icon{display:grid;place-items:center;width:45px;height:45px;flex:none;margin:0;background:#e8ecea;border:1px solid #c5d0c9;border-radius:50%}.experience-icon .visual-icon{width:24px;height:24px}.experience-steps>li[aria-current=step]>.experience-icon{background:#3346ed;color:#fff;border-color:#3346ed}.experience-steps>li{position:relative}.experience-steps>li:not(:last-child):after{content:'→';position:absolute;right:-16px;color:#708278}.experience-steps>li>strong>small{display:block;font-size:9px;font-weight:400;letter-spacing:1px;margin-bottom:3px}.service-brief .experience-icon{background:#263c56;color:#c0d4eb;border-color:#657f9b}.service-brief .experience-steps>li:not(:last-child):after{color:#a1b6ce}
html:is([data-motion=active],[data-motion=compact]):not([data-motion-paused=true]) [data-visual-story][data-visual-in-view=true] :is(.visual-photo,.visual-type,.visual-desktop,.visual-phone,.visual-film,.visual-feed,.visual-post,.visual-paper,.visual-product-page,.visual-edit-after,.visual-signal,.visual-sweep){animation-play-state:running}
@keyframes visual-route{to{stroke-dashoffset:-100}}@keyframes visual-float{0%,18%,100%{translate:0 0;scale:1}42%,64%{translate:0 -20px;scale:.91}82%{translate:0 4px;scale:1.015}}@keyframes visual-assemble{0%,15%{transform:translateX(-120%)}70%,100%{transform:translateX(120%)}}
@media(max-width:1100px){.visual-story-stage{padding-inline:24px}.service-row.service-visual-row{gap:22px 28px;grid-template-columns:.7fr 1.3fr}.studio-map{padding-inline:35px}.studio-map-results{gap:24px}.visual-record{padding:18px}.visual-paper{width:110px}.studio-map-workflow{gap:6px}.studio-map-workflow>.visual-icon{width:30px;height:30px}}
@media(max-width:900px){.service-row.service-visual-row{grid-template-columns:1fr;gap:23px}.service-visual-row .service-copy>p:not(.eyebrow){max-width:570px}.service-visual-row>.visual-story .visual-story-stage{min-height:370px}.service-scope{grid-column:auto}.studio-approach{gap:35px}.studio-map-web,.studio-map-content,.studio-map-workflow{height:133px}.studio-map-web>img{height:105px}.studio-map-content>img:first-child{height:115px}.studio-map-content>img:last-child{height:110px}.studio-map-content{padding-right:20px}.studio-map-results{gap:19px}.studio-map-workflow{gap:4px}.studio-map-workflow>.visual-icon{width:25px;height:25px}.visual-process{gap:25px}.visual-process h3{font-size:17px}.visual-process>li:not(:last-child):after{right:-20px}.visual-service-index.service-index{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.visual-story-stage,.service-visual-row>.visual-story .visual-story-stage{display:grid;grid-template-columns:1fr;min-height:0;padding:25px 20px 50px;gap:24px}.visual-caption{font-size:10px}.visual-story-stage>.visual-arrow{width:44px;margin:auto;transform:rotate(90deg);height:30px}.visual-ingredients{width:150px;height:151px;justify-self:center;margin:0}.visual-ingredients .visual-photo,.service-visual-row .visual-ingredients .visual-photo{width:102px;top:0}.visual-ingredients .visual-photo img,.service-visual-row .visual-ingredients .visual-photo img{height:65px}.visual-type,.service-visual-row .visual-type{width:65px;right:-6px;top:56px;padding:8px 10px}.visual-type b,.service-visual-row .visual-type b{font-size:27px}.visual-type i{margin-top:6px;height:2px}.visual-colors,.service-visual-row .visual-colors{top:105px;width:79px;height:26px}.visual-ingredients>.visual-caption{bottom:-9px}.service-visual-row .visual-ingredients{height:151px}.visual-devices{width:100%;padding:0 27px 12px 0;margin:0}.visual-desktop{border-width:4px;transform:rotate(-2deg)}.visual-desktop>img{aspect-ratio:1.6}.visual-phone{width:27%;border-width:3px;border-radius:11px;bottom:-3px}.visual-devices>.visual-caption{bottom:-32px}.visual-chrome{height:14px;gap:3px}.visual-chrome>i{width:2px;height:2px}.visual-source{width:105px;justify-self:center}.visual-photo{padding:5px}.visual-source .visual-photo img,.service-visual-row .visual-source .visual-photo img{height:84px}.visual-source>.visual-caption{margin-top:15px}.visual-channels{padding:16px 0 6px;gap:10px;width:100%;margin-top:7px}.visual-media,.service-visual-row .visual-media{padding:4px}.visual-media>.visual-caption,.service-visual-row .visual-media>.visual-caption{font-size:9px;bottom:-28px;white-space:nowrap}.visual-platforms{top:-31px;height:21px;gap:7px}.visual-platforms img{width:18px;height:18px}.visual-post .visual-lines{padding:2px 2px 7px}.visual-lines i{height:2px;margin-top:6px}.visual-play-mark{font-size:12px;width:19px;height:19px;left:8px;bottom:9px}.visual-papers,.service-visual-row .visual-papers{height:175px;width:209px;justify-self:center}.visual-paper,.service-visual-row .visual-paper{width:92px;height:110px;padding:12px}.visual-paper>span{font-size:9px;margin-bottom:7px}.visual-paper>strong,.service-visual-row .visual-paper>strong{font-size:10px;margin-bottom:15px}.paper-0{left:18px}.paper-1,.service-visual-row .paper-1{top:25px;right:11px}.paper-2,.service-visual-row .paper-2{top:80px;left:53px}.visual-papers>.visual-caption{bottom:-36px}.visual-review{width:100%;margin:42px auto 12px;justify-content:center}.visual-human,.service-visual-row .visual-human{width:48px;height:48px}.visual-review>.visual-arrow{max-width:55px}.visual-review>.visual-caption{bottom:-25px}.visual-record,.service-visual-row .visual-record{width:100%;max-width:290px;justify-self:center;margin-top:20px;padding:18px 20px}.visual-record-row,.service-visual-row .visual-record-row{font-size:11px;height:39px}.visual-record-title{margin-bottom:12px}.visual-record-title>.visual-icon{width:22px;height:22px}.visual-product-page{width:90%;margin-top:8px}.visual-product-facts{margin:10px 4px}.visual-product-facts>span{font-size:9px}.visual-operations .visual-story-stage{grid-template-columns:1fr}.visual-edit-before{width:150px;justify-self:center}.visual-wire-photo{height:74px}.visual-edit-after{width:90%;justify-self:center;margin-bottom:6px}.visual-edit-after>img{aspect-ratio:1.4}.visual-change-mark{font-size:10px}.visual-publications{width:100%;padding:0 5px;gap:18px}.visual-newsletter{padding:12px}.visual-newsletter>strong{font-size:8px}.visual-newsletter>img{aspect-ratio:1.5}.visual-publications>.visual-caption{bottom:-27px}.studio-overview{padding-bottom:50px}.studio-map{padding:28px 18px 24px}.studio-map-source{width:155px;padding:16px}.studio-map-mark{font-size:28px}.studio-map-source>strong{font-size:16px}.studio-map-source>span:last-child{font-size:10px}.studio-map-branches{height:43px;margin-inline:7%}.studio-map-results{gap:12px}.studio-map-web,.studio-map-content,.studio-map-workflow{height:95px}.studio-map-web{padding:3px}.studio-map-web>img{height:73px}.studio-map-content{padding-right:12px}.studio-map-content>img:first-child{height:80px;border-width:3px}.studio-map-content>img:last-child{height:75px;width:48%;border-width:3px}.studio-map-workflow{flex-direction:column;gap:1px;padding:8px;border-width:3px}.studio-map-workflow>.visual-icon{width:22px;height:22px}.studio-map-workflow>span{font-size:9px;line-height:7px;transform:rotate(90deg)}.studio-map-results>div>strong{font-size:10px;margin-top:15px}.studio-map figcaption{font-size:11px;margin-top:25px}.studio-approach{grid-template-columns:1fr;gap:20px;margin-top:33px}.studio-approach h2{font-size:26px}.studio-approach p{font-size:13px}.principle-grid .visual-icon{margin-bottom:14px;width:32px;height:32px}.visual-service-index.service-index{gap:0 15px}.visual-service-index>a{font-size:11px;gap:9px;padding:16px 0}.visual-service-index .visual-icon{width:20px;height:20px}.visual-service-index>a>span:last-child{font-size:17px}.service-row.service-visual-row{padding-block:31px;gap:20px}.service-visual-row .service-copy h2{font-size:26px}.service-visual-row .service-copy>p:not(.eyebrow){font-size:13px;margin-top:12px}.service-visual-row .service-copy>.text-link{margin-top:12px}.service-visual-row .service-copy>.service-count{font-size:9px;margin:0 0 9px}.service-scope-body{grid-template-columns:1fr;gap:16px;font-size:12px}.service-scope summary{font-size:11px;padding-top:14px}.visual-bundle{margin-top:20px}.visual-bundle>.visual-icon{width:29px;height:29px}.visual-bundle small{font-size:10px}.visual-process{grid-template-columns:1fr 1fr;gap:20px 27px;margin-top:25px}.visual-process>li:nth-child(2):after{display:none}.visual-process>li:not(:last-child):after{top:22px;right:-20px}.process-pictogram{height:76px;margin-bottom:14px;gap:8px}.process-pictogram>.visual-icon{width:36px;height:36px}.process-pictogram>span{font-size:10px}.visual-process h3{font-size:16px}.visual-process p{font-size:11px}.experience-steps>li>.experience-icon{width:36px;height:36px;margin-bottom:12px}.experience-icon .visual-icon{width:21px;height:21px}.experience-steps>li:not(:last-child):after{top:18px;right:5px;font-size:14px}.experience-steps>li>strong>small{font-size:8px}.service-brief .experience-steps{gap:13px}}
@media(prefers-reduced-motion:reduce){[data-visual-story] *,[data-visual-story] *:before,[data-visual-story] *:after{animation:none!important;transition:none!important}.visual-signal,.visual-sweep{display:none}}
.studio-map-web{position:relative}.studio-map-web-title{position:absolute;left:17px;top:35px;font:600 clamp(14px,2vw,28px)/1 Arial,sans-serif;letter-spacing:-1px;background:#eef0ecd9;padding:9px;color:#272d2c}
@media(max-width:600px){.studio-map-web-title{font-size:10px;left:5px;top:27px;padding:5px;letter-spacing:-.4px}}

/* v24: one automation chapter on home; outputs and conditions on services. */
.home-automation-scene{margin:24px 0 20px}









.service-delivery{margin-top:22px;display:grid;gap:17px;max-width:370px}
.service-delivery>div{padding-left:15px;border-left:2px solid #c4cdd9}
.service-delivery>div:first-child{border-color:#536bdf}
.service-delivery dt{font-size:10px;color:#536078;margin-bottom:5px}
.service-delivery dd{margin:0;font-size:14px;line-height:1.75;color:#263246;word-break:keep-all}
.service-delivery>div:last-child dd{font-size:12px;color:#526074}
.service-automation-output{padding:26px 36px;background:#e8edf2;border:1px solid #d3dce5;width:100%;color:#334b60}
.service-output-label{display:block;font-size:10px;letter-spacing:.3px;margin-bottom:15px;color:#506277}
.service-automation-output .visual-record{max-width:340px;margin:auto;background:#fff;border-color:#b2c2d0;color:#314c60;box-shadow:0 10px 22px #1930490c}
.service-automation-output .visual-record-row{border-color:#d1dce3;font-size:12px}
.service-automation-output .visual-record-title{font-size:13px}
.service-automation-output .visual-record-row>b{color:#367054}
.service-automation-output figcaption{font-size:12px;text-align:center;margin-top:15px;color:#506277}

@media(max-width:900px){.service-delivery{max-width:none;grid-template-columns:1fr 1fr;gap:20px}.service-automation-output{max-width:560px;justify-self:center}}
@media(max-width:600px){.home-automation-scene{margin:16px 0 16px}.service-delivery{grid-template-columns:1fr;gap:15px}.service-delivery dd{font-size:13px}.service-automation-output{padding:23px 20px}.service-automation-output .visual-record{padding:18px}}


/* v25: different completed samples, with a visible destination for each. */
.visual-case-caption{padding:14px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:11px;border-top:1px solid #607d7b33;background:#ffffff70}.visual-case-caption a{font-size:12px;font-weight:600;white-space:nowrap}.visual-file-type{display:block;font:600 clamp(20px,3vw,38px)/1.15 Arial,sans-serif;letter-spacing:-2px;margin:16px 5px}.visual-operations .visual-edit-before{padding:24px 18px;background:#173e35;color:#d9f8dd}.visual-operations .visual-edit-before>.visual-caption{font-size:11px}.visual-commerce .visual-product-page>img{object-fit:cover;object-position:top;aspect-ratio:1.4}.visual-marketing .visual-newsletter>img{object-fit:cover;object-position:top;aspect-ratio:.8}.visual-marketing .visual-publish-post>img{object-fit:cover;object-position:top;aspect-ratio:.8}.visual-marketing .visual-source .visual-photo>img{object-fit:cover;object-position:top}.studio-blueprint{padding:12px!important;background:#dde5f3!important}.blueprint-layout{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px}.blueprint-layout b{font:60px/1 Georgia,serif;grid-row:span 2;color:#254475}.blueprint-layout i{display:block;background:#aebfe5;border-radius:3px;height:20px}.blueprint-layout i:last-child{grid-column:span 2;height:28px;background:#738cd2}.studio-format-stack{display:flex;align-items:center;justify-content:center;gap:0;padding:15px}.studio-format-stack>span{width:32%;height:85%;display:flex;align-items:center;justify-content:center;font:bold 13px/1 Arial;writing-mode:vertical-rl;background:#cdc2ef;color:#3e217e;border:5px solid #fff;transform:rotate(-10deg);box-shadow:0 8px 14px #1d294022}.studio-format-stack>span:nth-child(2){background:#1b294a;color:#fff;transform:translateY(10px) rotate(5deg)}.studio-format-stack>span:last-child{background:#d4ec8e;transform:rotate(14deg)}
@media(max-width:600px){.visual-case-caption{padding:13px 16px;gap:8px;font-size:10px;flex-wrap:wrap}.visual-case-caption a{min-height:32px;display:flex;align-items:center}.blueprint-layout{padding:4px;gap:4px}.blueprint-layout b{font-size:28px}.blueprint-layout i{height:8px}.blueprint-layout i:last-child{height:12px}.studio-blueprint{padding:4px!important}.studio-format-stack{padding:8px 0}.studio-format-stack>span{font-size:9px;border-width:2px}.visual-file-type{font-size:29px}.visual-operations .visual-edit-before{padding:17px}.visual-story-stage{padding-top:38px}}

/* v26: one ten-second cycle, owned by the existing visual-story lifecycle.
   The SVG carries actual branching paths; mobile has its own vertical geometry. */
.home-automation-scene .visual-connected{padding:28px 36px 0;background:radial-gradient(ellipse at 53% 45%,#29445b 0,transparent 48%),#172c3e;border:1px solid #405467;color:#edf4fa}
.visual-connected .connected-topline{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:#c4d4e2;letter-spacing:.02em;padding-bottom:20px;border-bottom:1px solid #67819744}
.visual-connected .connected-example{font-size:10px;padding:5px 10px;border:1px solid #8195a666;border-radius:20px;white-space:nowrap;color:#d0dae2}
.visual-connected .connected-canvas{position:relative;height:360px;margin:24px 0 10px;isolation:isolate}
.visual-connected .connected-routes{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:-1;fill:none;stroke-linecap:round;stroke-linejoin:round}
.visual-connected .connected-routes-mobile{display:none}
.visual-connected .connected-track{stroke:#6b879b;stroke-width:10;vector-effect:non-scaling-stroke;opacity:.45}
.visual-connected .connected-track-core{stroke:#abc4d3;stroke-width:1;vector-effect:non-scaling-stroke;opacity:.38}
.visual-connected .connected-packet{stroke:#b7c8f9;stroke-width:7;vector-effect:non-scaling-stroke;stroke-dasharray:7 107;stroke-dashoffset:8;opacity:0;filter:drop-shadow(0 0 5px #c6dcf970)}
.visual-connected .connected-route:is(:nth-child(2),:nth-child(5)) .connected-packet{stroke:#b4d8c7}
.visual-connected .connected-route:is(:nth-child(3),:nth-child(6)) .connected-packet{stroke:#dfc7a7}
.visual-connected .connected-routes-mobile .connected-route-out .connected-packet{stroke:#d2f58c}
.visual-connected .connected-direction{stroke:#d0e2ee;stroke-width:2;vector-effect:non-scaling-stroke}
.visual-connected .connected-step{position:absolute;top:0;left:0;margin:0;display:flex;align-items:center;gap:9px;font-size:13px;font-weight:500;white-space:nowrap;color:#e8f0f6}
.visual-connected .connected-step>span{font:10px/1 Arial,sans-serif;color:#91a7b8}
.visual-connected .connected-inputs{position:absolute;inset:0 auto 0 0;width:22%}
.visual-connected .connected-request{position:absolute;left:0;top:74px;width:100%;height:62px;display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #7d97aa;border-radius:8px;background:#e8eef1;color:#283e4d;box-shadow:0 8px 22px #07172422}
.visual-connected .connected-request-1{top:164px}
.visual-connected .connected-request-2{top:254px}
.visual-connected .connected-request-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:6px;background:#ced9e1;flex:none}
.visual-connected .connected-request-icon .visual-icon{width:22px;height:22px}
.visual-connected .connected-request>div{min-width:0}
.visual-connected .connected-request>div>span{display:block;font-size:10px;line-height:1.4;color:#576d7d}
.visual-connected .connected-request strong{display:block;font-size:14px;font-weight:600;line-height:1.5;white-space:nowrap}
.visual-connected .connected-request>i{position:absolute;right:-5px;top:calc(50% - 4px);width:8px;height:8px;background:#b7c8f9;border:2px solid #213b4e;border-radius:50%}
.visual-connected .connected-request-1>i{background:#b4d8c7}
.visual-connected .connected-request-2>i{background:#dfc7a7}
.visual-connected .connected-review{position:absolute;left:55%;top:0;bottom:0;width:100px;transform:translateX(-50%)}
.visual-connected .connected-review>.connected-step{left:50%;transform:translateX(-50%)}
.visual-connected .connected-hub{position:absolute;top:150px;left:5px;width:90px;height:90px;display:grid;place-items:center;border:1px solid #90abbd;border-radius:50%;background:#243e52;box-shadow:0 0 0 12px #799daf13,0 14px 26px #081c302b}
.visual-connected .connected-review-ring{position:absolute;inset:-11px;width:calc(100% + 22px);height:calc(100% + 22px);fill:none;stroke-width:2;transform:rotate(-90deg)}
.visual-connected .connected-ring-base{stroke:#819aad55}
.visual-connected .connected-ring-progress{stroke:#d2f58c;stroke-width:3;stroke-dasharray:100;stroke-dashoffset:0}
.visual-connected .connected-person,.visual-connected .connected-checked{position:absolute;display:grid;place-items:center;color:#e1eff8}
.visual-connected .connected-person .visual-icon,.visual-connected .connected-checked .visual-icon{width:40px;height:40px;stroke-width:1.3}
.visual-connected .connected-checked{opacity:0;color:#d2f58c}
.visual-connected .connected-review-note{position:absolute;top:270px;left:50%;transform:translateX(-50%);font-size:11px;white-space:nowrap;color:#b5c8d6}
.visual-connected .connected-output{position:absolute;left:76%;top:74px;width:24%;border:1px solid #8299aa;border-radius:9px;background:#203b50;box-shadow:0 15px 30px #08162333}
.visual-connected .connected-output>.connected-step{top:-75px}
.home-automation-scene .visual-connected .visual-record{width:100%;max-width:none;margin:0;padding:18px 17px 0;border:0;box-shadow:none;background:transparent;border-radius:8px 8px 0 0}
.home-automation-scene .visual-connected .visual-record-title{font-size:13px;gap:9px;height:23px;margin-bottom:11px;white-space:nowrap}
.home-automation-scene .visual-connected .visual-record-title .visual-icon{width:21px;height:21px}
.home-automation-scene .visual-connected .visual-record-row{height:48px;gap:9px;font-size:13px;position:relative;border-top-color:#708d9d66}
.visual-connected .visual-record-row:before{content:'';position:absolute;inset:4px -8px;border-radius:4px;background:#c9ef9819;opacity:0}
.visual-connected .visual-record-row>span{position:relative;white-space:nowrap}
.visual-connected .visual-record-row>b{color:#d3edb4;position:relative}
.visual-connected .connected-record-note{border-top:1px solid #708d9d66;margin:0 17px;padding:12px 0 14px}
.visual-connected .connected-record-note>span{display:block;font-size:9px;color:#b0c2cf;line-height:1.5}
.visual-connected .connected-record-note>p{font-size:11px;line-height:1.5;margin:3px 0 0;color:#e0e9f0;white-space:nowrap}
.visual-connected .connected-caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;padding:17px 0 20px;border-top:1px solid #67819744;font-size:11px;line-height:1.7;color:#bdcdd9}
.visual-connected .connected-caption>span:last-child{font-size:10px;color:#a7bac9}
html:is([data-motion=active],[data-motion=compact]) .visual-connected :is(.connected-packet,.connected-request,.connected-ring-progress,.connected-person,.connected-checked,.connected-output){animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear;animation-play-state:paused}
html:is([data-motion=active],[data-motion=compact]) .visual-connected .connected-route-in .connected-packet{animation-name:connected-packet-in;animation-delay:calc(var(--route-order)*.35s)}
html:is([data-motion=active],[data-motion=compact]) .visual-connected .connected-route-out .connected-packet{animation-name:connected-packet-out;animation-delay:calc(var(--route-order)*.2s)}
html:is([data-motion=active],[data-motion=compact]) .visual-connected .connected-request{animation-name:connected-request-ready;animation-delay:calc(var(--route-order)*.35s)}
html:is([data-motion=active],[data-motion=compact]) .visual-connected .connected-ring-progress{animation-name:connected-review-progress}
html:is([data-motion=active],[data-motion=compact]) .visual-connected .connected-person{animation-name:connected-person-review}
html:is([data-motion=active],[data-motion=compact]) .visual-connected .connected-checked{animation-name:connected-check-review}
html:is([data-motion=active],[data-motion=compact]) .visual-connected .connected-output{animation-name:connected-record-focus}
html:is([data-motion=active],[data-motion=compact]) .visual-connected .visual-record-row:before{animation:connected-record-row 10s linear infinite;animation-play-state:paused}
html:is([data-motion=active],[data-motion=compact]) .visual-connected .visual-record-row:nth-child(3):before{animation-delay:.2s}
html:is([data-motion=active],[data-motion=compact]) .visual-connected .visual-record-row:nth-child(4):before{animation-delay:.4s}
html:is([data-motion=active],[data-motion=compact]) .visual-connected[data-visual-in-view=true] :is(.connected-packet,.connected-request,.connected-ring-progress,.connected-person,.connected-checked,.connected-output){animation-play-state:running}
html:is([data-motion=active],[data-motion=compact]) .visual-connected[data-visual-in-view=true] .visual-record-row:before{animation-play-state:running}
@keyframes connected-packet-in{0%,10%{stroke-dashoffset:8;opacity:0}12%{opacity:1;stroke-dashoffset:8}37%{stroke-dashoffset:-100;opacity:1}39%,100%{stroke-dashoffset:-100;opacity:0}}
@keyframes connected-packet-out{0%,56%{stroke-dashoffset:8;opacity:0}58%{opacity:1;stroke-dashoffset:8}77%{stroke-dashoffset:-100;opacity:1}79%,100%{stroke-dashoffset:-100;opacity:0}}
@keyframes connected-request-ready{0%,5%,38%,100%{box-shadow:0 8px 22px #07172422;translate:0 0}12%,24%{box-shadow:0 0 0 3px #c2eaaa66,0 8px 22px #07172422;translate:5px 0}}
@keyframes connected-review-progress{0%,30%{stroke-dashoffset:100;opacity:.35}34%{opacity:1;stroke-dashoffset:100}53%,85%{stroke-dashoffset:0;opacity:1}96%,100%{stroke-dashoffset:0;opacity:.35}}
@keyframes connected-person-review{0%,47%,96%,100%{opacity:1;scale:1}53%,87%{opacity:0;scale:.8}}
@keyframes connected-check-review{0%,47%,96%,100%{opacity:0;scale:.8}53%,87%{opacity:1;scale:1}}
@keyframes connected-record-focus{0%,58%,100%{border-color:#8299aa;box-shadow:0 15px 30px #08162333}76%,87%{border-color:#c2e7b3;box-shadow:0 0 0 4px #d2f58c1c,0 15px 30px #08162333}}
@keyframes connected-record-row{0%,69%,100%{opacity:0}77%,88%{opacity:1}}
@media(max-width:1000px) and (min-width:701px){.home-automation-scene .visual-connected{padding-inline:24px}.visual-connected .connected-request{padding-inline:9px;gap:8px}.visual-connected .connected-request-icon{width:25px;height:29px}.visual-connected .connected-request strong{font-size:12px}.home-automation-scene .visual-connected .visual-record{padding-inline:12px}.home-automation-scene .visual-connected .visual-record-row{font-size:11px;gap:7px}.home-automation-scene .visual-connected .visual-record-title{font-size:11px;gap:6px}.visual-connected .connected-record-note{margin-inline:12px}.visual-connected .connected-record-note>p{font-size:10px}}
@media(max-width:700px){
  .home-automation-scene .visual-connected{padding:20px 16px 0}
  .visual-connected .connected-topline{font-size:11px;padding-bottom:17px}
  .visual-connected .connected-canvas{height:595px;margin-top:23px;margin-bottom:0}
  .visual-connected .connected-routes-desktop{display:none}
  .visual-connected .connected-routes-mobile{display:block}
  .visual-connected .connected-inputs{inset:0 0 auto;width:100%;height:108px}
  .visual-connected .connected-step{font-size:12px;gap:7px}
  .visual-connected .connected-request{top:34px;left:0;width:32%;height:74px;padding:9px 4px;gap:5px;flex-direction:column;justify-content:center;border-radius:6px}
  .visual-connected .connected-request-1{left:34%}
  .visual-connected .connected-request-2{left:68%}
  .visual-connected .connected-request-icon{width:21px;height:21px;background:transparent}
  .visual-connected .connected-request-icon .visual-icon{width:21px;height:21px}
  .visual-connected .connected-request>div>span{display:none}
  .visual-connected .connected-request strong{font-size:12px;text-align:center;line-height:1.5}
  .visual-connected .connected-request>i{right:calc(50% - 4px);top:auto;bottom:-5px}
  .visual-connected .connected-review{left:50%;top:213px;bottom:auto;width:84px;height:84px}
  .visual-connected .connected-hub{top:0;left:0;width:84px;height:84px}
  .visual-connected .connected-review>.connected-step{left:50%;top:-29px;transform:translateX(-50%);padding:3px 8px;background:#213b50;border-radius:4px}
  .visual-connected .connected-review-note{top:94px;font-size:10px;background:#1d3548;padding:3px 7px;border-radius:3px}
  .visual-connected .connected-output{left:6%;top:369px;width:88%}
  .visual-connected .connected-output>.connected-step{top:-28px;left:0;padding:2px 7px 2px 0;background:#1b3245}
  .home-automation-scene .visual-connected .visual-record{padding:15px 17px 0}
  .home-automation-scene .visual-connected .visual-record-title{font-size:13px;margin-bottom:9px}
  .home-automation-scene .visual-connected .visual-record-row{font-size:12px;height:36px}
  .visual-connected .connected-record-note{padding:9px 0 11px}
  .visual-connected .connected-record-note>span{font-size:9px}
  .visual-connected .connected-record-note>p{font-size:11px}
  .visual-connected .connected-caption{font-size:11px;padding-block:15px 18px;gap:5px}
  .visual-connected .connected-caption>span:last-child{font-size:10px}
  @keyframes connected-request-ready{0%,5%,38%,100%{box-shadow:0 8px 22px #07172422;translate:0 0}12%,24%{box-shadow:0 0 0 3px #c2eaaa66,0 8px 22px #07172422;translate:0 4px}}
}
@media(prefers-reduced-motion:reduce){.visual-connected .connected-packet{display:none}.visual-connected .connected-ring-progress{stroke-dashoffset:0}.visual-connected .connected-person{opacity:1}.visual-connected .connected-checked{opacity:0}}
@media print{.visual-connected *,.visual-connected *:before{animation:none!important}.visual-connected .connected-packet{display:none}}
.platform-sample-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.platform-sample-links .text-link{display:inline-flex;align-items:center;gap:10px;border:1px solid #ccd1cc;border-radius:7px;padding:9px 12px;font-size:12px;line-height:1.4;text-decoration:none}
.platform-sample-links .text-link:hover{background:#eaf0e5;border-color:#69755f}
/* v28: the same ten-second lifecycle now assembles a full review workspace. */
.home-automation-scene .visual-connected{padding:30px 36px 0;background:radial-gradient(ellipse at 46% 50%,#31434a 0,transparent 47%),#111e23;border-color:#516268;border-radius:4px}
.visual-connected .connected-topline>span:first-child{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.08em}.connected-topline i{width:7px;height:7px;background:#d9f49c;border-radius:50%;box-shadow:0 0 15px #d9f49c80}
.visual-connected .connected-canvas{height:440px;margin-block:32px 15px;background-image:radial-gradient(#c6ddd91a 1px,transparent 1px);background-size:20px 20px}
.connected-watermark{position:absolute;bottom:0;left:0;font:600 clamp(55px,8vw,120px)/.85 Arial,sans-serif;letter-spacing:-.07em;color:#c3d6d808;pointer-events:none;z-index:-2}
.visual-connected .connected-inputs{width:25%}.visual-connected .connected-request{top:80px;height:70px;border-radius:3px;background:#e5ecdf;color:#253b32;border-color:#c4d1bc;box-shadow:7px 7px 0 #aec6981a}
.visual-connected .connected-request-1{top:190px;background:#dfe5ee}.visual-connected .connected-request-2{top:300px;background:#ece1cd}
.visual-connected .connected-request-icon{background:#ffffff77;border-radius:3px}.visual-connected .connected-request strong{font-size:15px}.visual-connected .connected-track{stroke:#7d9695;stroke-width:14;opacity:.3}.visual-connected .connected-track-core{stroke:#9fb8b4;stroke-width:2;opacity:.35}.visual-connected .connected-packet{stroke:#e0f9a5;stroke-width:9;stroke-dasharray:20 110;filter:drop-shadow(0 0 8px #d9f49c);opacity:0}
.visual-connected .connected-review{left:46%;width:120px}.visual-connected .connected-hub{top:165px;left:0;width:120px;height:120px;background:#152623;border-color:#b4cd9b;box-shadow:0 0 0 22px #b6d19009,0 0 60px #cfed8b15}
.visual-connected .connected-review-ring{inset:-14px;width:calc(100% + 28px);height:calc(100% + 28px)}.visual-connected .connected-ring-progress{stroke:#ddfa9d;stroke-width:4}.visual-connected .connected-person .visual-icon,.visual-connected .connected-checked .visual-icon{width:49px;height:49px}.visual-connected .connected-review-note{top:323px;font-size:12px}
.visual-connected .connected-output{left:67%;top:70px;width:33%;border:1px solid #f1f7e4;background:#f1f4eb;box-shadow:0 25px 50px #0005;color:#273b33;border-radius:5px;transform-origin:left center}
.visual-connected .connected-output>.connected-step{top:-70px;color:#e8f0f6}
.connected-desk-chrome{display:flex;align-items:center;gap:4px;background:#dfe8d5;padding:13px 16px;font:8px Arial,sans-serif;letter-spacing:.1em;border-radius:4px 4px 0 0}.connected-desk-chrome>span{margin-right:auto}.connected-desk-chrome>i{width:4px;height:4px;border-radius:50%;background:#94a28b}
.connected-desk-heading{padding:17px 18px 3px}.connected-desk-heading>span{font-size:9px;color:#768371}.connected-desk-heading>strong{display:block;font-size:24px;line-height:1.3;letter-spacing:-.06em;margin-top:5px;font-weight:550}
.home-automation-scene .visual-connected .visual-record{padding:14px 18px 0;color:#354635}.home-automation-scene .visual-connected .visual-record-title{font-size:11px;height:18px;margin-bottom:8px}.home-automation-scene .visual-connected .visual-record-row{height:35px;font-size:11px;border-color:#a7b7a166}.visual-connected .visual-record-row>b{color:#537237}.visual-connected .visual-record-row:before{background:#a4c87145;inset:0 -8px}
.visual-connected .connected-record-note{border-color:#a7b7a166;margin-inline:18px;padding:9px 0 12px}.visual-connected .connected-record-note>span{color:#778771}.visual-connected .connected-record-note>p{color:#405239;font-size:10px}.visual-connected .connected-caption{font-size:11px}
@keyframes connected-packet-in{0%,9%{stroke-dashoffset:20;opacity:0}11%{stroke-dashoffset:20;opacity:1}38%{stroke-dashoffset:-100;opacity:1}40%,100%{stroke-dashoffset:-100;opacity:0}}
@keyframes connected-packet-out{0%,53%{stroke-dashoffset:20;opacity:0}55%{stroke-dashoffset:20;opacity:1}75%{stroke-dashoffset:-100;opacity:1}77%,100%{stroke-dashoffset:-100;opacity:0}}
@keyframes connected-request-ready{0%,6%,95%,100%{translate:0 0;rotate:0deg;scale:1;opacity:1;box-shadow:7px 7px 0 #aec6981a}17%{translate:22px 0;rotate:-3deg;scale:1.02;opacity:1;box-shadow:0 0 0 2px #d9f49c80}34%,53%{translate:40px 0;rotate:0deg;scale:.94;opacity:.45}65%,88%{translate:0 0;rotate:0deg;scale:1;opacity:1}}
@keyframes connected-record-focus{0%,45%,100%{translate:25px 0;scale:.93;opacity:.58;box-shadow:0 15px 25px #0003}60%,87%{translate:0 0;scale:1;opacity:1;box-shadow:0 0 0 5px #d9f49c25,0 25px 45px #0005}}
@keyframes connected-record-row{0%,62%,100%{opacity:0;scale:.1 1;transform-origin:left}76%,88%{opacity:1;scale:1 1;transform-origin:left}}
@media(max-width:1000px) and (min-width:701px){.home-automation-scene .visual-connected{padding-inline:20px}.visual-connected .connected-request{gap:6px;padding:9px}.visual-connected .connected-request strong{font-size:12px}.visual-connected .connected-hub{width:94px;height:94px;left:13px;top:178px}.connected-desk-heading{padding-inline:12px}.connected-desk-heading>strong{font-size:20px}.home-automation-scene .visual-connected .visual-record{padding-inline:12px}.connected-desk-chrome{padding-inline:12px}.visual-connected .connected-output{left:67%;width:33%}}
@media(max-width:700px){
 .home-automation-scene .visual-connected{padding:20px 16px 0}.visual-connected .connected-topline{gap:8px}.visual-connected .connected-topline>span:first-child{font-size:8px;letter-spacing:0;gap:7px}.visual-connected .connected-example{font-size:8px;padding:5px 7px}
 .visual-connected .connected-canvas{height:700px;margin:25px 0 0;background-size:17px 17px}.connected-watermark{font-size:56px;bottom:345px;left:0;writing-mode:vertical-rl;opacity:.8}
 .visual-connected .connected-inputs{width:100%;height:108px}.visual-connected .connected-request{top:34px;height:74px;width:32%;padding:8px 3px;border-radius:4px;gap:5px}.visual-connected .connected-request-1{left:34%}.visual-connected .connected-request-2{left:68%}.visual-connected .connected-request strong{font-size:11px}.visual-connected .connected-request-icon{background:none}
 .visual-connected .connected-review{left:50%;top:232px;width:96px;height:96px}.visual-connected .connected-hub{left:0;top:0;width:96px;height:96px}.visual-connected .connected-review>.connected-step{top:-37px;background:#132323}.visual-connected .connected-review-note{top:113px;font-size:10px;background:#132323}.visual-connected .connected-person .visual-icon,.visual-connected .connected-checked .visual-icon{width:40px;height:40px}
 .visual-connected .connected-output{left:0;top:400px;width:100%;transform-origin:top center}.visual-connected .connected-output>.connected-step{top:-29px;background:#132323}.connected-desk-chrome{padding:10px 14px}.connected-desk-heading{padding:12px 15px 2px}.connected-desk-heading>strong{font-size:22px}.connected-desk-heading>strong br{display:none}.home-automation-scene .visual-connected .visual-record{padding:10px 15px 0}.home-automation-scene .visual-connected .visual-record-row{height:32px;font-size:11px}.visual-connected .connected-record-note{padding:7px 0 9px;margin-inline:15px}
 @keyframes connected-request-ready{0%,6%,95%,100%{translate:0 0;rotate:0deg;scale:1;opacity:1;box-shadow:5px 5px 0 #aec6981a}17%{translate:0 15px;rotate:-3deg;scale:1.02;opacity:1;box-shadow:0 0 0 2px #d9f49c80}34%,53%{translate:0 30px;rotate:0deg;scale:.94;opacity:.45}65%,88%{translate:0 0;rotate:0deg;scale:1;opacity:1}}
 @keyframes connected-record-focus{0%,45%,100%{translate:0 20px;scale:.94;opacity:.58;box-shadow:0 15px 25px #0003}60%,87%{translate:0 0;scale:1;opacity:1;box-shadow:0 0 0 4px #d9f49c25,0 25px 45px #0005}}
}
.service-result{align-self:center;padding:30px 34px;border:1px solid #cad3c5;background:#eaf0e5;border-radius:4px}
.service-result-label{display:flex;align-items:center;gap:13px;color:#5b6b55;font-size:11px}.service-result-label .visual-icon{width:28px;height:28px}.service-result h3{font-size:clamp(21px,2vw,30px);line-height:1.5;letter-spacing:-.05em;font-weight:500;margin:22px 0 25px}.service-result .text-link{font-size:12px;gap:18px}
.portfolio-live-study{margin-top:55px;border-block:1px solid #c8d0c5;background:#eff2e9}.portfolio-live-study>summary{cursor:pointer;font-size:18px;padding-block:28px;list-style:none;display:flex;justify-content:space-between;align-items:center}.portfolio-live-study>summary::-webkit-details-marker{display:none}.portfolio-live-study[open]>summary>span{rotate:45deg}.portfolio-live-study .live-works{padding-top:40px}
@media(max-width:700px){.service-result{padding:23px 22px}.service-result h3{font-size:23px;margin-block:16px 22px}.portfolio-live-study>summary{font-size:14px;gap:20px;padding-block:22px}}