/* Shared multi-page design: navy / ice blue / electric blue, native readable UI. */
html{scroll-padding-top:100px}body{background:#f1f7fd}.site-shell{max-width:1680px}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.subpage{font-size:16px}.subpage main{min-height:65vh}.subpage h1{font-size:clamp(36px,4.3vw,64px);line-height:1.14;letter-spacing:-.045em;font-weight:800}.subpage h2{font-size:clamp(27px,2.8vw,40px);line-height:1.25}.subpage h3{font-size:22px}.subpage p{font-size:16px;line-height:1.8}.subpage .button,.home-journal .button{font-size:15px;min-height:46px;padding:12px 23px}.subpage section[id]{scroll-margin-top:100px}input:focus-visible,textarea:focus-visible{outline:3px solid #56b7ff;outline-offset:3px}a,button{touch-action:manipulation}
.site-header{height:82px;padding-inline:clamp(20px,3.3vw,55px);gap:26px}.site-header .brand b{font-size:23px}.site-header .brand small{font-size:10px}.site-header .brand-mark{height:27px;width:27px}.site-header nav{gap:clamp(14px,1.5vw,24px)}.site-header nav a{font-size:13px}.site-header .header-cta{font-size:13px;min-height:42px;padding:10px 18px}.subpage .site-header{position:sticky;top:0;background:#ffffffee;backdrop-filter:blur(18px);color:#07172d;border-bottom:1px solid #e0ebf6;box-shadow:0 5px 25px #1b4b8910;z-index:30}.subpage .brand small{color:#657898}.subpage .site-header nav a:after{background:#0766ff;bottom:18px}.subpage .site-header nav a.active{color:#075dff}.breadcrumbs{display:flex;gap:11px;align-items:center;flex-wrap:wrap;padding-block:25px 0;font-size:12px;color:#70809d;line-height:1.8}.breadcrumbs .icon{width:12px;height:12px}.breadcrumbs a:hover{color:#075dff}.page-intro{background:linear-gradient(105deg,#fff,#f3f9ff);padding:45px 0 48px}.page-intro h1 span{color:#0866ff}.page-intro p{margin-top:20px;max-width:800px;color:#4d6385;font-size:18px}.page-intro .demo-disclosure,.demo-disclosure{font-size:12px!important;line-height:1.7!important;color:#7186a3!important}.section-space{padding-block:60px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-title p{margin-top:10px}.content-label{font-size:13px;color:#0766ff;font-weight:600;display:block;margin-bottom:14px}.text-link{display:inline-flex;align-items:center;gap:9px;border:0;background:none;color:#0766ff;font-weight:600;font-size:14px;min-height:44px;padding:4px 0}.text-link .icon{width:18px;height:18px}.text-link:hover{gap:14px}.action-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.small-note{font-size:12px!important;line-height:1.7!important;color:#73819a!important;margin-top:16px}.image-open,.circle-link{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:#edf6ff;color:#0866ff;flex:none}.image-open{position:absolute;right:20px;bottom:20px;transform:translate(-5px,5px);opacity:0;transition:.3s}.image-open .icon,.circle-link .icon{width:19px;height:19px}.circle-link:hover{background:#0866ff;color:white}
/* Editorial: actual article text, categories and images, not flattened screenshots. */
.featured-article{display:grid;grid-template-columns:1.15fr 1fr;gap:45px;align-items:center;padding-top:24px}.featured-image{display:block;position:relative;overflow:hidden;border-radius:16px}.featured-image img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;transition:transform .8s}.featured-image:hover img{transform:scale(1.035)}.featured-article h2{font-size:clamp(27px,2.8vw,42px)}.featured-article p{margin:20px 0 25px}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 26px}.article-card{min-width:0}.article-image{position:relative;display:block;overflow:hidden;border-radius:13px;background:#eaf4ff}.article-image img{width:100%;aspect-ratio:1.7;object-fit:cover;transition:transform .7s}.article-card:hover .article-image img{transform:scale(1.045)}.article-card:hover .image-open,.article-card:focus-within .image-open{opacity:1;transform:none}.article-meta{display:flex;align-items:center;justify-content:space-between;margin:17px 0 9px;font-size:12px;color:#8293ae}.article-meta>span:first-child{color:#0866ff}.article-card h3{font-size:21px!important;line-height:1.45}.article-card h3 a:hover{color:#0866ff}.article-card p{margin-top:10px;font-size:14px!important;line-height:1.7!important;color:#657996}.filter-toolbar{display:flex;align-items:center;gap:30px;justify-content:space-between;margin-bottom:14px}.search-field{display:flex;align-items:center;gap:12px;border:1px solid #cbddef;border-radius:100px;background:#fff;padding:0 19px;min-height:50px;flex:1;min-width:0}.search-field .icon{width:20px;height:20px;color:#325985}.search-field input{width:100%;border:0;outline:0;background:none;padding:12px 0;color:#07172d;min-width:0;font-size:15px}.search-field:focus-within{box-shadow:0 0 0 3px #c6e5ff;border-color:#087bff}.search-field kbd{font:12px Arial;border:1px solid #dce7f4;border-radius:4px;padding:3px 6px;color:#98a8ba}.filter-pills{display:flex;gap:9px;flex-wrap:wrap}.filter-pills button{background:#eef5fd;color:#183252;border:1px solid transparent;border-radius:40px;padding:11px 18px;min-height:44px;font-size:14px;transition:background .2s,box-shadow .2s}.filter-pills button[aria-pressed=true]{color:white;background:#0766ff;box-shadow:0 5px 16px #0766ff24}.filter-pills button:hover{border-color:#75b6ff}.result-count{font-size:12px!important;color:#7186a3;margin-bottom:25px;min-height:20px}.filter-empty{text-align:center;padding:50px 20px;border:1px dashed #c8dff6;border-radius:20px;background:#f7fbff}.filter-empty>span{display:grid;place-items:center;width:60px;height:60px;background:#e7f3ff;border-radius:50%;margin:0 auto 20px;color:#0766ff}.filter-empty p{margin:12px 0 20px}
.reading-progress{position:fixed;top:82px;left:0;right:0;height:3px;z-index:31;pointer-events:none;background:#d9eaff66}.reading-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#32c6ff,#075dff);transform-origin:left;transform:scaleX(0)}.article-heading{text-align:center;padding-block:35px 35px;max-width:1000px}.article-heading h1{font-size:clamp(31px,3.5vw,50px);line-height:1.3}.article-heading .content-label{display:inline-block}.article-byline{font-size:13px!important;color:#6982a2;margin-top:22px}.article-byline span{margin-inline:10px}.article-cover{margin-block:0 40px}.article-cover img{width:100%;aspect-ratio:2.8;object-fit:cover;border-radius:18px}.article-layout{display:grid;grid-template-columns:245px minmax(0,760px);justify-content:space-between;gap:50px}.article-toc{position:sticky;top:110px;align-self:start;font-size:13px}.article-toc details{background:#f0f7ff;border:1px solid #e0edf8;border-radius:16px;padding:22px}.article-toc summary{font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer}.article-toc summary .icon{width:16px;height:16px;transform:rotate(90deg)}.article-toc details[open] summary .icon{transform:rotate(-90deg)}.article-toc nav{display:grid;gap:9px;margin-top:18px}.article-toc nav a{display:flex;align-items:start;gap:9px;color:#5b6f8e;padding:7px 0;line-height:1.7}.article-toc nav a>span{display:grid;place-items:center;flex:none;background:#dceafa;border-radius:50%;width:24px;height:24px;font-size:10px}.article-toc nav a[aria-current=true]{color:#0766ff}.article-toc nav a[aria-current=true]>span{background:#0766ff;color:white}.share-article{border:0;background:none;display:flex;gap:8px;align-items:center;color:#526887;padding:18px 0;font:inherit;min-height:44px}.share-article .icon{width:17px;height:17px}.article-toc [data-copy-status]{display:block;color:#007b61;font-size:12px}.article-prose>p{font-size:17px;line-height:1.95;margin-bottom:22px;color:#465c7b}.article-prose>h2{font-size:29px;margin:40px 0 17px;scroll-margin-top:112px}.article-prose>p:first-child{font-size:19px;color:#203c60}.article-checklist{display:grid;gap:15px;margin-block:24px;background:#edf6ff;padding:24px 28px;border-radius:16px;font-size:16px;color:#325477}.article-checklist li{display:flex;gap:13px;align-items:start;line-height:1.7}.article-checklist .icon{color:#0879ff;width:20px;height:20px;margin-top:3px}.article-prose blockquote{margin:27px 0;padding:18px 26px;border-left:3px solid #0766ff;color:#1e4773;background:#f7fbff;font-size:19px;line-height:1.8}.article-end{display:flex;flex-direction:column;align-items:start;gap:15px;border-top:1px solid #dce9f7;padding-top:25px;margin-top:35px;color:#5f7696;font-size:14px}
/* Service art retains artwork text. Native headline/buttons overlay the safe left area. */
.service-hero{position:relative;isolation:isolate;background:#041027;min-height:600px;display:flex;align-items:center;overflow:hidden}.service-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.service-hero-copy{padding-block:80px;position:relative;z-index:2}.service-hero-copy h1{color:#fff;max-width:660px;font-size:clamp(37px,4vw,60px)}.service-hero-copy h1 span{color:#77d3ff}.service-hero-copy p{color:#d8eafa;max-width:520px;margin-top:22px;font-size:18px}.service-hero .outline-blue{background:#04162daa;color:#e6f5ff;border-color:#739bc6}.hero-scan{position:absolute;width:30%;height:130%;top:-15%;left:15%;background:linear-gradient(90deg,transparent,#42acff0c,transparent);transform:skew(-20deg);pointer-events:none}.motion-enabled .service-hero .hero-scan{animation:hero-light 9s ease-in-out infinite}.motion-enabled .service-hero>img{animation:hero-drift 13s ease-in-out infinite alternate}@keyframes hero-light{0%,100%{translate:-120% 0;opacity:0}40%,65%{opacity:1}80%{translate:300% 0}}@keyframes hero-drift{from{transform:scale(1)}to{transform:scale(1.03)}}
.service-list{border-top:1px solid #dce9f7}.service-row{border-bottom:1px solid #dce9f7}.service-row summary{list-style:none;display:grid;grid-template-columns:55px 60px 1fr 1.3fr 26px;align-items:center;gap:22px;padding:27px 12px;cursor:pointer;transition:background .2s}.service-row summary:hover{background:#f8fbff}.service-icon{display:grid;place-items:center;height:50px;border-radius:15px;background:#e8f4ff;color:#0766ff}.service-icon .icon{width:26px;height:26px}.service-number{font:600 35px Arial;color:#adcffa}.service-row h3{font-size:23px}.service-short{font-size:14px;line-height:1.8;color:#607998}.service-row summary>.icon{color:#087bff;transition:rotate .2s}.service-row[open] summary>.icon{rotate:45deg}.service-expanded{padding:0 40px 27px 166px}.service-expanded p{font-size:14px}.service-expanded .button{margin-top:15px;font-size:13px}.process-link-band{padding:55px 0;background:#061830;color:#fff}.process-steps-mini{display:flex;position:relative;margin-top:35px;gap:20px}.process-steps-mini:before{content:'';position:absolute;top:26px;left:5%;right:5%;height:1px;background:#3b628a}.process-steps-mini a{position:relative;flex:1;display:grid;justify-items:center;gap:13px;font-size:15px}.process-steps-mini b{background:#0b2748;border:1px solid #48aaff;box-shadow:0 0 20px #1285ff25;display:grid;place-items:center;width:55px;height:55px;border-radius:50%;font:500 21px Arial;color:#63c7ff}.motion-enabled .process-steps-mini b{animation:step-glow 6s infinite}.process-steps-mini a:nth-child(2) b{animation-delay:1s}.process-steps-mini a:nth-child(3) b{animation-delay:2s}.process-steps-mini a:nth-child(4) b{animation-delay:3s}.process-steps-mini a:nth-child(5) b{animation-delay:4s}@keyframes step-glow{0%,30%,100%{box-shadow:0 0 0 #1285ff25}10%{box-shadow:0 0 28px #1285ff85;background:#09469a}}
/* Work is an image-led gallery with individual, linked project pages. */
.work-feature{display:grid;grid-template-columns:1fr .32fr;gap:35px;align-items:center;padding-bottom:15px}.browser-feature{position:relative;border:1px solid #bacfe6;border-radius:16px;overflow:hidden;box-shadow:0 23px 45px #244c6f20;background:#e9f3fd}.browser-chrome{height:36px;display:flex;align-items:center;gap:6px;padding:0 15px;background:#13273f;color:#a4bedb;font-size:10px;letter-spacing:.02em}.browser-chrome i{height:7px;width:7px;background:#fa7068;border-radius:50%}.browser-chrome i:nth-child(2){background:#f7c85c}.browser-chrome i:nth-child(3){background:#42cfa3}.browser-chrome span{margin-left:12px}.browser-feature>img{width:100%;height:auto;max-height:520px;object-fit:cover;object-position:top}.browser-feature>.button{position:absolute;bottom:22px;left:50%;translate:-50% 0;box-shadow:0 5px 25px #00387450}.work-feature-note .handnote{width:170px;margin:0 auto 15px}.work-feature-note p{color:#205994;font-weight:600;font-size:23px}.work-feature-note .button{margin-top:25px;font-size:12px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.project-card{border:1px solid #deebf7;border-radius:18px;background:#fff;overflow:hidden;transition:box-shadow .3s,transform .3s}.project-card:hover{box-shadow:0 14px 35px #27588416;transform:translateY(-4px)}.project-art{display:block;background:#eff5fc;position:relative;overflow:hidden;height:285px}.project-art .work-sprite{height:100%;width:min(100%,420px);margin:auto;aspect-ratio:1;transition:transform .7s;background-size:300% 200%}.project-card:hover .work-sprite{transform:scale(1.04)}.project-card:hover .image-open,.project-card:focus-within .image-open{opacity:1;transform:none}.project-card-copy{display:flex;gap:18px;align-items:center;padding:23px;background:linear-gradient(#fff,#f8fbff)}.project-card-copy>span{color:#76aefd;font:400 20px Arial}.project-card-copy h3{font-size:20px}.project-card-copy p{font-size:13px;margin-top:5px}.project-card-copy .circle-link{margin-left:auto}.project-detail-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:55px;align-items:center;padding-block:40px 30px}.project-detail-hero p{margin-top:20px}.project-detail-hero .button{margin-top:28px}.project-detail-art{border:1px solid #dce9f7;border-radius:24px;background:#f3f8ff;overflow:hidden;box-shadow:0 20px 40px #27538415}.project-detail-art .work-sprite{margin:0;aspect-ratio:1}.project-detail-body{display:grid;grid-template-columns:1.5fr 1fr;gap:90px}.project-detail-body p{margin-top:20px}.project-detail-body h3{margin-top:35px}.project-detail-body aside{background:#f1f7ff;padding:30px;border-radius:18px;align-self:start}.project-detail-body aside h3{margin:0 0 15px}.project-detail-body aside li{display:flex;gap:15px;padding:13px 0;border-bottom:1px solid #dbe9f7;font-size:15px}.project-detail-body aside li>span{color:#539dfa;font:500 14px Arial}
/* Package comparison, keyboard-scrollable at narrow widths. */
.page-packages .pricing{padding-top:30px}.package-table-scroll{overflow:auto;border:1px solid #dce9f7;border-radius:18px}.package-table{border-collapse:collapse;width:100%;min-width:870px;text-align:left;font-size:14px}.package-table th,.package-table td{padding:20px 18px;border-bottom:1px solid #e4edf7;vertical-align:top}.package-table th{font-weight:600;color:#163556}.package-table thead{background:#edf5ff}.package-table thead th{font-size:23px}.package-table thead th:first-child{font-size:15px;vertical-align:middle}.package-table th strong{display:block;font-size:17px;margin-top:9px;color:#0766ff}.package-table tbody th{width:16%}.package-table td{color:#607592;min-width:140px;line-height:1.7}.package-table td .icon{width:16px;height:16px;color:#01a882;vertical-align:middle}.package-table .button{font-size:12px;min-height:42px;padding:9px 15px}.package-table tr:last-child>*{border:0}.package-table tr>:nth-child(3){background:#edf6ff55}
/* An animated workflow is explicitly an illustration, not project status. */
.workflow{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:start}.workflow-screen{position:sticky;top:110px;min-height:440px;background:radial-gradient(ellipse at 70% 0,#154f85,#04132b 75%);color:white;padding:44px 38px;border-radius:24px;overflow:hidden;isolation:isolate}.workflow-screen p{color:#b3c9e4}.workflow-screen h2{font-size:32px;margin:22px 0 17px}.workflow-index{font:700 100px/1 Arial,sans-serif;letter-spacing:-.07em;color:#68c8ff;text-shadow:0 0 40px #159cff50}.workflow-progress{height:4px;background:#1b3657;margin:30px 0 17px;border-radius:5px;overflow:hidden}.workflow-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#1597ff,#8cebff);transform:scaleX(0);transform-origin:left}.workflow-screen .button{font-size:12px;min-height:42px;margin-top:22px}.workflow-orbit{position:absolute;right:-90px;top:-120px;z-index:-1;opacity:.5}.workflow-orbit i{display:block;width:360px;height:360px;border:1px solid #37afff44;border-radius:50%;position:relative}.workflow-orbit i:after{content:'';position:absolute;width:8px;height:8px;background:#68ccff;box-shadow:0 0 15px #83e2ff;border-radius:50%;left:54px;top:40px}.workflow-orbit i+ i{position:absolute;inset:45px;width:270px;height:270px}.motion-enabled .workflow.is-visible .workflow-orbit i{animation:studio-orbit 20s linear infinite}.workflow-list{list-style:none;padding:0;margin:0;display:grid;gap:14px}.workflow-list li{scroll-margin-top:110px}.workflow-list button{display:flex;gap:20px;text-align:left;width:100%;padding:25px;border:1px solid #dce9f7;border-radius:17px;background:#fff;transition:.25s}.workflow-list button>span{font:500 22px Arial;color:#81b7fa;margin-top:3px}.workflow-list button h3{font-size:21px;margin-bottom:7px}.workflow-list button p{font-size:14px}.workflow-list button small{display:block;font-size:12px;color:#798aa5;margin-top:10px}.workflow-list button>.icon{margin-left:auto;color:#317ecc;width:19px;height:19px;flex:none}.workflow-list button[aria-pressed=true]{border-color:#4eabff;background:#f0f8ff;box-shadow:0 8px 25px #0b75de10}.preparation{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.preparation .button{margin-top:20px}
/* Team page: existing mascots, native role tabs and a typographic manifesto. */
.about-roles{display:grid;grid-template-columns:1fr 1.3fr;gap:65px;align-items:center}.about-roles>div>p{margin-top:20px;max-width:420px}.role-tabs{border:1px solid #dae7f5;border-radius:20px;overflow:hidden;background:#f5faff}.role-tabs [role=tablist]{display:flex;padding:10px;gap:8px;background:#eaf4ff}.role-tabs [role=tab]{flex:1;border:0;border-radius:12px;min-height:46px;background:transparent;color:#6f86a2;font-size:15px}.role-tabs [aria-selected=true]{background:#0766ff;color:#fff;box-shadow:0 4px 15px #0866ff30}.role-tabs [role=tabpanel]{padding:30px;min-height:260px}.role-tabs [role=tabpanel]>span{color:#a5c9fa;font:700 60px Arial}.role-tabs [role=tabpanel] h3{margin:12px 0}.role-tabs [role=tabpanel] p{font-size:16px}.mp-manifesto{background:radial-gradient(ellipse at right,#13396c,#051427);color:white;padding:90px 0}.mp-manifesto h2{font-size:clamp(37px,5vw,72px);line-height:1.2}.mp-manifesto h2 span{color:#74ccff}.mp-manifesto p{font-size:20px;color:#bfd3e9;margin:26px 0}.page-about .benefits{padding-top:50px}
/* Contact includes a local-only brief builder, never a fake submission form. */
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.contact-channel>p{margin-top:18px}.channel-link{display:flex;align-items:center;gap:20px;padding:23px;border:1px solid #d4e5f6;border-radius:15px;margin-top:17px;transition:.2s}.channel-link:hover{transform:translateY(-3px);box-shadow:0 8px 22px #17568c12;border-color:#4cacff}.channel-link>div{flex:1}.channel-link small{display:block;font-size:12px;color:#7489a5;margin-top:3px}.channel-link>b,.channel-link b{font-size:19px}.channel-link>.icon{color:#0866ff}.channel-link>.icon:first-child{height:38px;width:38px}.channel-link>.icon:last-child{width:22px;height:22px}.line-channel{background:#f2fff8}.channel-link .line-icon{background:#00bd55;color:white;font-size:12px;width:38px;height:33px}.channel-link .line-icon:after{border-top-color:#00bd55}.contact-desk{width:100%;aspect-ratio:2;object-fit:cover;border-radius:17px;margin-top:30px}.brief-builder{background:#f4f9ff;border:1px solid #d7e7f7;border-radius:22px;padding:30px;box-shadow:0 12px 30px #1d4b8210}.brief-top{display:flex;align-items:center;gap:12px;justify-content:space-between}.brief-top h2{font-size:25px}.brief-top>span{color:#1680ee;font:500 13px Arial;white-space:nowrap}.brief-step-track{display:flex;gap:5px;margin:24px 0}.brief-step-track i{height:4px;background:#dce9f7;flex:1;border-radius:4px}.brief-step-track i.active{background:#1680ee}.brief-builder legend{font-size:17px;font-weight:600;padding-bottom:17px}.brief-builder label{display:block;font-size:13px;color:#486488;margin-bottom:20px}.brief-builder input,.brief-builder textarea,.brief-builder select{display:block;width:100%;border:1px solid #c8dcef;background:#fff;color:#163559;padding:12px 14px;border-radius:10px;font:400 15px/1.6 Thai,Arial,sans-serif;margin-top:7px;min-height:48px;resize:vertical}.brief-builder fieldset{min-height:258px}.brief-builder .brief-result{font-size:14px;margin-bottom:20px;min-height:240px;background:white}.brief-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:25px}.brief-actions .button{margin-left:auto}.privacy-note{font-size:11px!important;line-height:1.8!important;color:#8193aa!important;padding-top:20px;margin-top:20px;border-top:1px solid #dce9f7}.copy-status{color:#008f6a!important;font-size:12px!important;min-height:22px}.faq-search>.search-field{max-width:650px;margin:0 auto 18px}.faq-search>[data-faq-count]{font-size:13px;text-align:center}.faq-search>.faq{padding:30px 0 0;background:none}.faq-search .faq-heading{display:none}.faq-search .faq-grid{gap:15px}.faq-search details summary{font-size:16px;min-height:65px}.faq-search details p{font-size:15px;line-height:1.8}.subpage .contact-notice{position:relative;z-index:3}
/* Shared closing band and navigation. */
.mp-cta{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(115deg,#06162e,#092a51);color:white;padding:58px 0}.mp-cta>.wrap{display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;z-index:2}.mp-cta h2{font-size:clamp(26px,3vw,40px)}.mp-cta p{color:#b3cce8;font-size:16px;margin-top:14px}.mp-cta .button{flex:none;min-width:165px}.cta-orbits{position:absolute;left:45%;top:-80px;width:450px;height:450px;z-index:-1}.cta-orbits i{position:absolute;inset:0;border:1px solid #428bed25;border-radius:50%;transform:rotate(-25deg) scaleX(1.5)}.cta-orbits i:nth-child(2){inset:50px}.cta-orbits i:nth-child(3){inset:100px}.motion-enabled .mp-cta.is-visible .cta-orbits{animation:studio-orbit 35s linear infinite}.mp-footer{padding:40px clamp(20px,4vw,65px) 25px;background:#031124;color:white;display:grid;grid-template-columns:1fr 1.4fr;gap:30px;font-size:13px}.footer-wordmark{font:bold 27px Arial;letter-spacing:-1px}.mp-footer p{font-size:13px;color:#7d95b4;margin-top:8px}.mp-footer nav{display:flex;gap:15px 24px;flex-wrap:wrap;align-content:center;justify-content:flex-end}.mp-footer nav a{min-height:35px;display:flex;align-items:center;color:#c3d3e8}.mp-footer nav a:hover{color:#5ac4ff}.mp-footer .footer-bottom{grid-column:1/-1;border-top:1px solid #1d304b;margin:0;padding-top:22px;display:flex;justify-content:space-between;font-size:11px}.home-journal{font-size:16px}.home-journal h2{font-size:34px}.motion-enabled .mp-reveal{transition:opacity .65s,transform .65s}.motion-enabled .mp-reveal:not(.is-visible){opacity:0;transform:translateY(18px)}.motion-enabled .is-visible .article-card,.motion-enabled .is-visible .project-card{animation:card-enter .7s both}.motion-enabled .is-visible .article-card:nth-child(2),.motion-enabled .is-visible .project-card:nth-child(2){animation-delay:.07s}.motion-enabled .is-visible .article-card:nth-child(3){animation-delay:.14s}@keyframes card-enter{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@media(min-width:1101px){.subpage .menu-toggle{display:none}}
@media(max-width:1100px){.site-header{height:74px;justify-content:space-between}.site-header .header-cta{display:none}.site-header .menu-toggle{display:grid;place-items:center;width:44px;height:44px;border:1px solid #3c597a;border-radius:10px;color:white;background:#122b4a}.subpage .menu-toggle{background:#f0f7ff;color:#07172d;border-color:#d0e4f7}.site-header nav{display:none;position:absolute;left:0;right:0;top:74px;height:auto;padding:15px 25px 25px;flex-direction:column;align-items:stretch;gap:0;background:#07172df9;box-shadow:0 15px 30px #02122630}.site-header nav.is-open{display:flex}.site-header nav a{font-size:16px;min-height:48px;border-bottom:1px solid #ffffff15}.site-header nav a:after{display:none}.subpage .site-header nav{background:#fff;box-shadow:0 15px 30px #1d52851c}.subpage .site-header nav a{border-color:#e7eff9}.wrap{width:calc(100% - 56px)}.service-hero{min-height:510px}.service-hero-copy h1{font-size:42px;max-width:520px}.service-hero-copy p{font-size:16px;max-width:420px}.service-row summary{grid-template-columns:44px 44px 1fr 1fr 22px;gap:14px}.service-row h3{font-size:20px}.service-number{font-size:28px}.service-expanded{padding-left:128px}.article-layout{grid-template-columns:200px minmax(0,1fr);gap:30px}.article-toc details{padding:17px}.filter-toolbar{gap:20px;align-items:stretch;flex-direction:column}.filter-pills{gap:7px}.article-grid{gap:30px 20px}.article-card h3{font-size:19px!important}.project-art{height:245px}.work-feature{grid-template-columns:1fr .3fr}.work-feature-note p{font-size:18px}.work-feature-note .button{white-space:normal;text-align:center}.contact-layout{gap:28px}.brief-builder{padding:25px}.project-detail-body{gap:45px}.reading-progress{top:74px}}
@media(max-width:760px){html{scroll-padding-top:85px}.wrap{width:calc(100% - 40px)}.subpage{font-size:16px}.site-header{padding-inline:20px;height:70px}.site-header nav{top:70px;max-height:calc(100dvh - 70px);overflow:auto}.site-header .brand b{font-size:22px}.site-header .brand small{font-size:9px}.breadcrumbs{font-size:11px;padding-top:18px;gap:7px}.breadcrumbs .icon{height:10px;width:10px}.page-intro{padding:28px 0 35px}.subpage h1{font-size:37px;line-height:1.18}.page-intro p{font-size:16px;margin-top:18px}.subpage h2{font-size:28px}.section-space{padding-block:38px}.section-title{display:block;margin-bottom:23px}.section-title .text-link{margin-top:12px}.section-title p{font-size:14px}.subpage .button{font-size:14px;min-height:46px;padding:12px 20px;white-space:normal}.featured-article{grid-template-columns:1fr;gap:25px;padding-top:10px}.featured-image{border-radius:13px}.featured-image img{aspect-ratio:1.7}.featured-article h2{font-size:30px;line-height:1.3}.featured-article p{font-size:15px;margin:15px 0 20px}.article-grid{grid-template-columns:1fr;gap:32px}.article-card h3{font-size:22px!important}.article-card p{font-size:15px!important}.article-meta{margin-top:14px}.article-image img{aspect-ratio:1.8}.filter-toolbar{gap:15px}.filter-pills{flex-wrap:nowrap;overflow:auto;padding-bottom:5px;scrollbar-width:thin}.filter-pills button{flex:none;font-size:13px;padding:10px 16px}.search-field{min-height:48px;padding-inline:15px}.search-field kbd{display:none}.result-count{margin-bottom:20px}.image-open{width:38px;height:38px;right:15px;bottom:15px;opacity:1;transform:none}.reading-progress{top:70px}.article-heading{text-align:left;padding-block:25px}.article-heading h1{font-size:32px;line-height:1.3}.article-byline{font-size:11px!important;margin-top:16px}.article-byline span{margin-inline:4px}.article-cover{margin-bottom:24px}.article-cover img{aspect-ratio:1.85;border-radius:13px}.article-layout{grid-template-columns:1fr;gap:22px}.article-toc{position:static;top:auto}.article-toc details{padding:18px 20px}.article-toc nav a{font-size:14px;min-height:42px}.share-article{padding:12px 3px;margin-bottom:0}.article-prose>p{font-size:16px;line-height:1.95}.article-prose>p:first-child{font-size:17px}.article-prose>h2{font-size:26px;margin-top:31px;scroll-margin-top:95px}.article-checklist{padding:20px;font-size:15px;gap:14px}.article-prose blockquote{font-size:17px;padding:14px 20px}.article-end .button{margin-top:0}.article-end{margin-top:25px}.service-hero{display:block;min-height:0;padding-top:0}.service-hero-copy{padding-block:45px 0;order:0}.service-hero>img{position:relative;inset:auto;display:block;width:190%;max-width:none;height:320px;margin-left:-90%;object-fit:cover;object-position:right bottom;z-index:0;order:1;transform:none!important;animation:none!important}.service-hero{display:flex;flex-direction:column}.service-hero-copy h1{font-size:36px;max-width:none}.service-hero-copy p{font-size:16px;max-width:none;margin-top:18px}.service-hero .action-row{gap:9px;margin-top:22px}.service-hero .button{font-size:12px;padding-inline:16px;flex:1}.hero-scan{display:none}.service-row summary{grid-template-columns:38px 32px minmax(0,1fr) 20px;gap:11px;padding:22px 0}.service-icon{height:39px;border-radius:12px}.service-icon .icon{width:23px;height:23px}.service-number{font-size:22px}.service-row h3{font-size:19px}.service-short{display:none}.service-expanded{padding:0 0 24px 0}.service-expanded p{font-size:15px;line-height:1.8}.service-expanded .button{font-size:13px}.process-link-band{padding:35px 0}.process-steps-mini{overflow:auto;padding-bottom:12px;gap:24px;margin-top:25px}.process-steps-mini a{flex:none;min-width:84px;font-size:12px}.process-steps-mini b{width:48px;height:48px;font-size:18px}.work-feature{display:block;padding-bottom:0}.browser-feature{border-radius:12px}.browser-chrome{height:29px;padding:0 10px}.browser-chrome span{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser-feature .button{bottom:14px;font-size:12px;padding:10px 19px;min-height:42px;white-space:nowrap}.work-feature-note{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:23px}.work-feature-note .handnote{display:none}.work-feature-note p{font-size:14px}.work-feature-note .button{margin:0;font-size:11px;padding:9px 15px}.project-grid{grid-template-columns:1fr;gap:24px}.project-art{height:245px}.project-art .work-sprite{width:320px;max-width:100%}.project-card-copy{padding:19px;gap:13px}.project-card-copy h3{font-size:19px}.project-card-copy p{font-size:12px}.project-card-copy>span{font-size:16px}.project-card-copy .circle-link{height:38px;width:38px}.project-detail-hero{grid-template-columns:1fr;gap:28px;padding-block:28px}.project-detail-hero h1{font-size:36px}.project-detail-hero p{font-size:16px;margin-top:15px}.project-detail-hero .button{margin-top:22px}.project-detail-art{border-radius:17px}.project-detail-art .work-sprite{max-width:430px;margin:auto}.project-detail-body{grid-template-columns:1fr;gap:32px}.project-detail-body aside{padding:25px}.project-detail-body h3{font-size:23px}.project-detail-body p{font-size:16px}.page-packages .pricing{padding-top:25px}.package-table th,.package-table td{padding:17px 15px}.workflow{grid-template-columns:1fr;gap:28px;padding-top:15px}.workflow-screen{position:relative;top:0;min-height:370px;padding:30px;border-radius:20px}.workflow-index{font-size:76px}.workflow-screen h2{font-size:29px;margin:18px 0 12px}.workflow-screen p{font-size:15px}.workflow-screen .button{margin-top:15px}.workflow-list{gap:11px}.workflow-list button{padding:21px 17px;gap:15px}.workflow-list button h3{font-size:19px}.workflow-list button p{font-size:14px}.workflow-list button small{font-size:12px}.workflow-list button>.icon{width:17px;height:17px}.workflow-list button>span{font-size:20px}.preparation{grid-template-columns:1fr;gap:20px}.about-roles{grid-template-columns:1fr;gap:25px}.role-tabs [role=tabpanel]{padding:24px;min-height:255px}.role-tabs [role=tabpanel] h3{font-size:23px}.mp-manifesto{padding:55px 0}.mp-manifesto h2{font-size:40px}.mp-manifesto p{font-size:17px}.contact-layout{grid-template-columns:1fr;gap:32px;padding-top:15px}.channel-link{padding:20px;gap:16px}.contact-desk{display:none}.brief-builder{padding:23px;border-radius:18px}.brief-top h2{font-size:23px}.brief-builder fieldset{min-height:230px}.brief-builder input,.brief-builder textarea,.brief-builder select{font-size:16px}.privacy-note{font-size:12px!important}.contact-channel>p{font-size:15px}.faq-search details summary{font-size:15px;line-height:1.7;padding:17px 15px}.faq-search .faq-grid{grid-template-columns:1fr}.faq-search details p{font-size:15px;padding:0 17px 17px}.mp-cta{padding:38px 0}.mp-cta>.wrap{display:block}.mp-cta h2{font-size:30px}.mp-cta p{font-size:15px;margin-top:16px}.mp-cta .button{margin-top:24px}.mp-footer{grid-template-columns:1fr;padding:35px 20px 24px;gap:25px}.mp-footer nav{justify-content:start;gap:7px 22px}.mp-footer .footer-bottom{display:block;font-size:10px;line-height:1.8}.footer-bottom span{display:block;margin-top:6px}.home-journal h2{font-size:29px}.content-label{font-size:12px}.subpage .faq{padding-inline:20px}.subpage .faq-search .faq{padding-inline:0}.motion-toggle{bottom:12px;right:12px}.page-articles .motion-toggle{opacity:.85}
}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.subpage h1{font-size:32px}.service-hero-copy h1{font-size:32px}.service-hero .button{font-size:11px;padding-inline:12px}.service-hero>img{height:280px}.article-heading h1{font-size:29px}.brief-builder{padding:20px}.brief-top h2{font-size:21px}.project-art{height:225px}.project-card-copy{gap:10px;padding:16px}.project-card-copy h3{font-size:17px}.project-card-copy p{font-size:11px}.article-meta{font-size:11px}.mp-footer nav{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}.mp-reveal{opacity:1!important;transform:none!important}.service-hero>img,.hero-scan,.process-steps-mini b,.workflow-orbit i,.cta-orbits,.article-card,.project-card{animation:none!important}.article-image img,.featured-image img,.project-card,.work-sprite{transition:none!important}}
html:not(.motion-enabled) .mp-reveal{opacity:1;transform:none}.motion-tab-hidden .service-hero>img,.motion-tab-hidden .hero-scan,.motion-tab-hidden .workflow-orbit i,.motion-tab-hidden .cta-orbits{animation-play-state:paused!important}
/* Keep each square source tile undistorted inside its wide card. */
.subpage h1,.subpage h2{text-wrap:balance}
.project-detail-art{position:relative;isolation:isolate}
.project-detail-art:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,#ffffff70 50%,transparent 65%);transform:translateX(-150%);opacity:0}
.motion-enabled .project-detail-art:after{animation:project-glint 9s ease-in-out infinite}
@keyframes project-glint{0%,65%{transform:translateX(-150%);opacity:0}70%{opacity:.6}90%,100%{transform:translateX(150%);opacity:0}}
@media(prefers-reduced-motion:reduce){.project-detail-art:after{animation:none!important}}
@media(max-width:760px){.service-hero-copy{padding-bottom:22px}}
.project-grid .project-art .work-sprite{width:285px;max-width:100%;height:285px;margin-inline:auto}
@media(max-width:1100px){.project-grid .project-art .work-sprite{width:245px;height:245px}}
@media(max-width:360px){.project-grid .project-art .work-sprite{width:225px;height:225px}}