/* MaryProject / agency direction. Light surfaces, violet signals, purposeful motion. */
:root{--canvas:#fdfcfe;--ink:#242029;--muted:#6e6876;--violet:#8641d6;--violet-deep:#7131bc;--lavender:#eee2fc;--line:#e7e0ed;--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);--ease-drawer:cubic-bezier(.32,.72,0,1);--container:1320px}
body{font-size:16px}p{text-wrap:pretty}h2{font-size:clamp(38px,4.8vw,68px);line-height:1.04;letter-spacing:-.055em}h3{font-weight:500}.container{width:min(calc(100% - 96px),var(--container))}.section{padding:120px 0}.section-heading{max-width:960px;margin-bottom:60px}.section-lead{font-size:18px;max-width:800px;line-height:1.65}.eyebrow{font-size:11px;letter-spacing:.1em;font-weight:550}.section:not(.development-section):not(.cases-section):not(.final-section):not(.transparency-section) .section-heading>.eyebrow{display:none}.item-number{font-variant-numeric:tabular-nums}.button{min-height:60px;padding:17px 25px 17px 28px;border-radius:100px;gap:26px;font-weight:500;transition:transform 140ms var(--ease-out),background-color 180ms ease,color 180ms ease,box-shadow 180ms ease}.button>span[aria-hidden=true]{display:grid;place-items:center;font-size:25px;line-height:1;transition:transform 220ms var(--ease-out)}.button:active{transform:scale(.96)}.button-small{min-height:44px;font-size:12px;padding:12px 20px}.button-primary{background:var(--violet);box-shadow:0 4px 0 #5e259317}.button-outline{border-color:#c9acdf;background:transparent}.button-dark{background:var(--ink)}.text-link{padding:12px 0;gap:14px}.text-link>span{transition:transform 220ms var(--ease-out)}
.site-header{background:#fdfcfef0;backdrop-filter:blur(18px)}.header-inner{height:78px}.brand img{width:158px}.header-contacts{gap:24px}.desktop-nav{gap:30px;font-size:12px}.desktop-nav a{position:relative}.desktop-nav a:after{content:'';position:absolute;bottom:6px;left:0;right:0;height:1px;background:var(--violet);transform:scaleX(0);transform-origin:left;transition:transform 220ms var(--ease-out)}.header-contact-links>a:first-child{font-size:13px}.header-email{font-size:11px}
/* A typographic opening with a five-scene explanation. */
.hero{padding-top:55px;overflow:hidden}.hero-grid{grid-template-columns:1.12fr 1fr;gap:55px;align-items:center}.hero-copy{min-width:0}.hero h1{font-size:clamp(62px,6.1vw,88px);line-height:1.015;letter-spacing:-.065em;max-width:none;font-weight:500}.headline-line{display:block}.headline-accent{color:var(--violet)}.headline-tail{display:block;font-size:clamp(25px,2.6vw,37px);letter-spacing:-.04em;line-height:1.18;margin-top:18px}.hero-lead{font-size:15px;line-height:1.7;max-width:570px;margin-top:25px}.hero-actions{gap:27px;margin-top:29px}.hero .eyebrow{margin-bottom:25px}.availability-dot{width:7px;height:7px;border-radius:50%;background:var(--violet);box-shadow:0 0 0 5px #eee3fa}.hero-bottom{display:grid;grid-template-columns:.68fr 1.6fr;gap:50px;align-items:center;border-top:1px solid var(--line);margin-top:55px;padding:25px 0}.hero-note{margin:0;max-width:340px;font-size:11px;line-height:1.6}.proof-strip{grid-template-columns:repeat(4,1fr);margin:0;padding:0;border:0}.proof-strip>div{border:0;padding:0 18px}.proof-strip strong{font-size:20px;font-weight:500;line-height:1.2;letter-spacing:-.04em}.proof-strip span{font-size:10px;margin-top:4px}.trust-strip{position:relative;display:grid;grid-template-columns:90px 1.2fr 1fr 54px;gap:35px;margin-top:12px;padding:38px 42px;background:#efe2fc;border:none;border-radius:24px;transition:background 180ms ease}.trust-symbol{font-size:86px;color:var(--violet);line-height:1;text-align:center}.trust-strip strong{max-width:430px;font-size:28px;line-height:1.18;letter-spacing:-.045em}.trust-strip>span:nth-child(3){font-size:14px;line-height:1.6;color:#766181;max-width:335px}.trust-strip .trust-arrow{width:54px;height:54px;font-size:31px;color:#6c2eaf;background:#fff;border-radius:50%}
.search-story{position:relative;min-width:0;background:#f3ebfc;border-radius:30px;padding:24px 26px 20px;isolation:isolate}.search-story:before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;background-image:radial-gradient(#b28ad140 .85px,transparent .85px);background-size:17px 17px;mask-image:linear-gradient(transparent,#000 35%,#000 65%,transparent)}.story-caption{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#795d8f;gap:10px}.story-play{display:flex;gap:10px;align-items:center;justify-content:center;height:32px;padding:5px 11px;border:1px solid #d8bfe9;border-radius:30px;font-size:10px;background:#f9f4ff;color:#764395}.story-play>span:last-child{font-size:16px;line-height:1}.story-stage{margin-top:12px;position:relative;min-height:358px}.story-panel{width:100%;min-height:358px;outline-offset:0}.story-visual{position:relative;height:264px;margin:0 -4px}.story-panel-copy{min-height:81px;display:grid;grid-template-columns:125px 1fr;gap:16px;align-items:start;padding:12px 0}.story-panel-copy h2{font-size:24px;letter-spacing:-.045em;line-height:1.2}.story-panel-copy p{max-width:280px;font-size:11px;line-height:1.6;color:#776485}.story-tabs{display:flex;gap:6px;border-top:1px solid #ddc7ed;padding-top:12px}.story-tabs button{position:relative;flex:1;min-width:0;border:0;background:transparent;padding:11px 3px 10px;border-radius:7px;font-size:9px;color:#796487;isolation:isolate;overflow:hidden}.story-tabs button[aria-selected=true]{color:#6831a2;background:#e5d1f7}.story-tab-progress{position:absolute;inset:0;z-index:-1;background:#d6b7f1;transform:scaleX(0);transform-origin:left}.story-tabs button>span:last-child{position:relative}.query-tile{position:absolute;display:flex;align-items:center;gap:13px;white-space:nowrap;background:#fff;border-radius:12px;padding:17px 19px;box-shadow:0 12px 22px #6a327c0c,0 1px 1px #9a78b925;font-size:15px;letter-spacing:-.025em}.query-symbol{font-size:25px;color:var(--violet);line-height:1}.query-tile-one{left:9%;top:30px;transform:rotate(-5deg);z-index:3}.query-tile-two{left:20%;top:93px;transform:rotate(4deg);z-index:2}.query-tile-three{left:3%;top:148px;transform:rotate(-2deg);z-index:1}.query-caret{height:16px;width:1px;background:#a064d1}.intent-hub{display:flex;position:absolute;right:5%;bottom:20px;align-items:center;gap:11px;font-size:10px;color:#8e5fac}.intent-hub i{display:block;width:45px;height:1px;background:#b58bcf}.query-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.015em;color:#9571af}.tree-root{position:absolute;top:25px;left:50%;transform:translateX(-50%);width:165px;padding:14px 18px;border-radius:11px;background:var(--violet);color:#fff;font-size:16px;box-shadow:0 9px 18px #7131bc15;display:flex;justify-content:space-between}.tree-stem{position:absolute;left:50%;top:75px;height:41px;border-left:1px solid #b083d0}.tree-level{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;position:absolute;left:6%;right:6%;top:115px;border-top:1px solid #b083d0;padding-top:19px}.tree-level:before,.tree-level:after{content:'';position:absolute;top:0;height:19px;border-left:1px solid #b083d0}.tree-level:before{left:15%}.tree-level:after{right:15%}.tree-level span{text-align:center;padding:12px 6px;border-radius:8px;background:#fff;font-size:12px;box-shadow:0 5px 12px #7145960a}.tree-leaves{position:absolute;top:200px;left:6%;right:6%;display:flex;gap:11px}.tree-leaves i{height:23px;flex:1;background:#e4d0f4;border-radius:4px}.index-paper{position:absolute;left:10%;right:10%;top:17px;background:#fff;border-radius:12px;padding:18px 23px;transform:rotate(-3deg);box-shadow:0 10px 25px #5e258515}.index-paper-head{display:flex;justify-content:space-between;font-size:10px;padding-bottom:12px;border-bottom:1px solid #eee7f2}.index-paper-head b{font-weight:500}.index-paper-head>span{color:#9d7bb5;font-size:9px}.index-paper>div:not(:first-child){display:flex;justify-content:space-between;padding:9px 0;color:#877492;font-size:11px;border-bottom:1px solid #f4eef7}.index-paper>div>i{font-style:normal;color:var(--violet);font-size:13px}.index-scan{position:absolute;top:77px;left:8%;right:8%;height:2px;background:#a26cdf;box-shadow:0 0 0 7px #a46bde08;transform:rotate(-3deg)}.traffic-map{position:absolute;inset:38px 5% 56px;display:flex;align-items:center}.traffic-source{width:80px;height:80px;flex:0 0 auto;border:1px solid #cab0df;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:13px;color:#815697}.traffic-routes{height:120px;flex:1;display:flex;flex-direction:column;justify-content:space-between}.traffic-routes i{display:block;width:100%;height:1px;background:#ccb0e1;transform-origin:left;position:relative}.traffic-routes i:nth-child(1){transform:rotate(-16deg)}.traffic-routes i:nth-child(2){transform:rotate(-8deg)}.traffic-routes i:nth-child(4){transform:rotate(8deg)}.traffic-routes i:nth-child(5){transform:rotate(16deg)}.traffic-routes i:after{content:'';position:absolute;top:-2px;left:45%;width:5px;height:5px;border-radius:50%;background:var(--violet)}.traffic-destination{width:125px;height:125px;background:var(--violet);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:17px;border-radius:22px;box-shadow:0 15px 26px #7131bc16}.traffic-destination b{font-size:43px;font-weight:300;line-height:1}.traffic-terms{position:absolute;bottom:30px;left:0;right:0;display:flex;justify-content:center;gap:15px;color:#9a73b6;font-size:10px}.lead-envelope{position:absolute;width:265px;height:194px;left:50%;top:33px;transform:translateX(-50%) rotate(-4deg)}.envelope-back{position:absolute;inset:30px 0 0;background:#c59ee5;border-radius:9px}.lead-letter{position:absolute;left:16px;right:16px;top:0;height:162px;border-radius:10px;background:#fff;padding:18px;text-align:center;box-shadow:0 7px 15px #5d357415}.lead-letter strong{display:block;font-size:15px;font-weight:500;line-height:1.3;margin-top:8px}.lead-letter>span:last-child{display:block;margin-top:9px;font-size:9px;line-height:1.4;color:#957ca6}.letter-check{display:grid;place-items:center;border-radius:50%;background:#f0e5fa;width:28px;height:28px;color:var(--violet);margin:auto}.envelope-front{position:absolute;inset:67px 0 0;border-radius:0 0 10px 10px;background:#d9b8f3;clip-path:polygon(0 0,50% 37%,100% 0,100% 100%,0 100%)}
/* 01 / Strategy. Open rhythm and clear hierarchy instead of card repetition. */
.system-section .section-heading{max-width:1030px}.system-section .section-lead{max-width:870px;font-size:18px}.strategy-steps{gap:0}.strategy-steps article{position:relative;border-top:1px solid #ddcbe9;padding:30px 30px 0 0}.strategy-steps article:not(:first-child){padding-left:30px}.strategy-steps .item-number{display:block;width:40px;height:40px;border-radius:50%;background:#f0e4fb;color:var(--violet);text-align:center;line-height:40px;font-size:12px}.strategy-steps article:after{content:'↗';position:absolute;right:25px;top:33px;font-size:25px;color:#ba99d3}.strategy-steps article:last-child:after{display:none}.strategy-steps h3{font-size:25px;margin:24px 0 13px}.strategy-steps p{font-size:14px;line-height:1.7}
/* 02 / Transparent collaboration, same light palette. */
.transparency-section{color:var(--ink);background:#f0e5fc;border-radius:40px;margin:0 24px;padding:85px 0;position:relative;overflow:hidden}.transparency-section .container{width:min(calc(100% - 96px),1272px)}.transparency-grid{grid-template-columns:1.08fr 1fr;gap:90px}.transparency-section .eyebrow{color:var(--violet-deep)}.transparency-section h2{font-size:52px}.transparency-section p{color:#7a6489}.team-portrait{margin-top:36px}.team-portrait img{width:110px;height:110px;border-radius:20px;object-fit:cover;outline:1px solid #0000000d;outline-offset:-1px}.team-portrait figcaption{color:#735a84;font-size:14px}.principles article{border-color:#dac3eb;padding:26px 0;gap:24px}.principles article>span{color:var(--violet);font-size:28px}.principles h3{font-size:22px;max-width:360px;letter-spacing:-.035em}.principles p{font-size:13px;line-height:1.7;max-width:390px}
/* 03 / Capabilities, sculptural accordion surfaces. */
.tools-section .section-heading{margin-bottom:44px}.services-accordion{gap:15px;align-items:start}.services-accordion details{position:relative;border:0;background:#f5f1f9;border-radius:18px;padding:25px 28px;overflow:hidden;transition:background-color 220ms ease}.services-accordion details[open]{background:#eee0fc}.services-accordion summary{gap:21px;min-height:42px}.services-accordion .item-number{font-size:11px}.services-accordion h3{font-size:24px;font-weight:450;line-height:1.2}.services-accordion .details-mark{width:35px;height:35px;border:0;background:#fff;color:var(--violet)}.services-accordion details p{font-size:14px;line-height:1.75;margin:17px 45px 9px}.services-accordion details[open]:after{content:'';display:block;width:70px;height:5px;margin:26px 0 0 44px;background:var(--violet);border-radius:9px}
/* 04 / A growing architecture, pinned alongside the real process. */
.development-section{background:#f7f3fc;position:relative;border-radius:40px;margin:0 24px}.development-section .container{width:min(calc(100% - 96px),1272px)}.development-section .section-heading{max-width:1040px;margin-bottom:65px}.development-section .section-heading h2{font-size:62px;max-width:1050px}.development-section .section-lead{max-width:650px}.development-story{display:grid;grid-template-columns:1.15fr 1fr;gap:95px;align-items:start}.architecture-pin{position:sticky;top:110px}.architecture-canvas{position:relative;border:1px solid #e4d2ef;border-radius:25px;padding:27px;background:#f0e5fa;overflow:hidden}.architecture-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#8d65a7;margin-bottom:30px}.architecture-top>span:last-child{font-variant-numeric:tabular-nums}.architecture-site{position:relative;width:88%;margin:0 auto;background:#fff;border-radius:13px;box-shadow:0 12px 30px #63328114;overflow:hidden}.architecture-site-bar{display:flex;align-items:center;gap:5px;padding:11px 13px;background:#fcfaff;border-bottom:1px solid #f2eaf8}.architecture-site-bar i{width:4px;height:4px;background:#ccb4df;border-radius:50%}.architecture-site-bar>span{font-size:8px;text-align:center;flex:1;color:#a895b7;padding-right:16px}.architecture-site-content{padding:22px;position:relative}.skeleton-logo{display:block;width:43px;height:6px;background:#aa77d4;border-radius:3px}.skeleton-nav{display:flex;position:absolute;top:23px;right:23px;gap:7px}.skeleton-nav i{height:3px;width:23px;background:#dfd0eb;border-radius:4px}.architecture-site-content strong{display:block;font-weight:500;font-size:25px;line-height:1.14;letter-spacing:-.04em;margin:27px 0 15px}.skeleton-button{display:inline-block;font-size:7px;border-radius:20px;background:#ae7eda;color:#fff;padding:7px 12px}.skeleton-catalog{display:flex;gap:10px;margin-top:25px}.skeleton-catalog i{flex:1;height:43px;background:#f3ecf9;border-radius:6px}.architecture-connections{height:35px;display:flex;justify-content:space-around;margin:0 55px}.architecture-connections i{height:100%;width:1px;background:#c7a8dd}.architecture-branches{padding:0;border:0;grid-template-columns:repeat(4,1fr);gap:7px}.architecture-branches>span{font-size:9px;padding:12px 7px;border-radius:6px;background:#fbf8ff;border:0;box-shadow:0 1px 3px #70339009;transition:opacity 400ms var(--ease-out),transform 500ms var(--ease-out),background-color 300ms ease}.architecture-branches>span.node-pending{opacity:.3;transform:translateY(8px)}.architecture-branches>span.node-active{background:#fff;opacity:1;transform:none}.architecture-footer{display:flex;justify-content:center;align-items:center;gap:9px;margin-top:25px;font-size:9px;color:#9b7bac}.architecture-indicator{width:5px;height:5px;border-radius:50%;background:#ad7cd1}.development-steps{border:0;margin:0}.development-step{padding:0 0 90px;position:relative;min-height:260px}.development-step:last-child{padding-bottom:20px;min-height:220px}.step-kicker{display:block;color:#aa85c1;font-size:10px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:17px}.development-step h3{font-size:34px;line-height:1.1;letter-spacing:-.045em;max-width:390px;color:#5c466c}.development-step p{max-width:410px;font-size:15px;line-height:1.7;margin:19px 0 23px}.development-step-line{display:block;height:2px;width:55px;background:#b285d1;transform-origin:left;transition:transform 500ms var(--ease-out)}.development-step.is-current .development-step-line{transform:scaleX(2)}.development-step.is-current h3{color:var(--violet)}.development-conclusion{display:flex;align-items:center;justify-content:space-between;gap:55px;border-top:1px solid #e0ceee;padding-top:39px;margin-top:40px}.development-conclusion h3{font-size:27px;line-height:1.25;max-width:620px;letter-spacing:-.04em}.development-conclusion .button{font-size:13px;flex-shrink:0}
/* 05 / Two routes, visual decision cards. */
.comparison-section .section-heading{max-width:860px}.comparison-grid{gap:25px}.comparison-card{padding:40px;border-radius:24px;background:#f5f2f8;position:relative}.comparison-card:last-child{background:#ede0fb}.scenario-label{font-size:10px;color:#8e6eaa}.comparison-card h3{font-size:35px;line-height:1.15;margin:20px 0 24px;max-width:400px}.comparison-card li:before{content:'✓'}.comparison-card ul{gap:16px;margin:26px 0 34px;font-size:14px}.scenario-format{padding-top:26px;border-color:#dac6e9;font-size:19px;letter-spacing:-.03em}.section-end{gap:30px;margin-top:40px}.section-end p{font-size:14px;max-width:730px;line-height:1.7}
/* 06 / Industries: expanding editorial panels with abstract material patterns. */
.industries-section{padding-top:15px}.industry-panels{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;min-height:410px;align-items:stretch}.industry-panel{position:relative;min-width:0;background:#f3eef8;border-radius:18px;padding:23px 17px;overflow:hidden}.industry-panel[open]{grid-column:span 3;background:#ead9fc}.industry-panels:has(.industry-panel[open]){grid-template-columns:repeat(8,1fr)}.industry-panel summary{height:100%;display:flex;align-items:center;flex-direction:column;list-style:none;cursor:pointer;gap:15px}.industry-panel summary::-webkit-details-marker{display:none}.industry-index{font-size:10px;color:#a17eb8;align-self:start}.industry-panel h3{writing-mode:vertical-rl;transform:rotate(180deg);font-size:21px;letter-spacing:-.03em;line-height:1.15;flex:1;text-align:end;margin-top:4px;max-height:310px}.industry-open{display:grid;place-items:center;width:33px;height:33px;background:#fff;border-radius:50%;color:var(--violet);font-size:24px;margin-top:auto}.industry-panel[open] summary{height:auto;align-items:start;padding:1px 6px;gap:15px}.industry-panel[open] h3{writing-mode:horizontal-tb;transform:none;font-size:28px;text-align:start;line-height:1.12;margin:0;max-width:270px}.industry-panel[open] .industry-open{position:absolute;right:20px;bottom:19px;transform:rotate(-45deg);width:30px;height:30px;font-size:21px}.industry-body{position:relative;padding:20px 6px 32px}.industry-body p{font-size:12px;line-height:1.65;max-width:275px;color:#7e628f}.industry-pattern{display:flex;gap:5px;height:100px;align-items:end;margin:0 0 21px;overflow:hidden;max-width:280px}.industry-pattern i{display:block;flex:1;height:85%;background:#c5a0e8;border-radius:3px;transform:skewY(-20deg)}.industry-pattern i:nth-child(2n){height:70%;background:#d1b4ee}.pattern-1 i{border-radius:50% 50% 4px 4px;transform:rotate(-16deg);height:85%}.pattern-2 i{height:75%;transform:skewY(-12deg)}.pattern-2 i:nth-child(2n){height:100%}.pattern-3 i{transform:none;box-shadow:inset 0 0 0 5px #d9c4ef;background:#baa0d7;height:90%}.pattern-4 i{transform:rotate(-8deg);height:60%;border-radius:4px}.pattern-4 i:nth-child(2n){height:80%;transform:rotate(8deg)}.pattern-5{align-items:center}.pattern-5 i{height:50%;border-radius:50%;transform:none;aspect-ratio:1;background:#c3a1e5}
/* 07 / Cases, evidence at a scale you can see. */
.cases-section{background:transparent;padding-top:55px}.case-list{grid-template-columns:1fr 1fr;gap:24px}.case-card{position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;border-radius:26px;background:#f4eff9;overflow:hidden;padding:35px 38px 25px;min-height:510px;transition:box-shadow 220ms ease}.case-card:first-child{grid-column:1/-1;grid-template-columns:1fr 1.03fr;gap:40px 85px;min-height:415px;background:#eadafc;padding:42px 46px 28px}.case-card:first-child .case-overview{display:flex;flex-direction:column}.case-card:first-child .case-work{margin-top:auto}.case-card:first-child .case-results{display:flex;flex-direction:column;justify-content:center}.case-card:first-child .case-link{grid-column:1/-1;margin-top:0}.case-card:last-child{grid-column:1/-1;grid-template-columns:1fr 1.03fr;gap:40px 85px;min-height:420px;background:#f1e9f9;padding:42px 46px 28px}.case-card:last-child .case-link{grid-column:1/-1;margin-top:0}.case-card:last-child .case-results{display:flex;flex-direction:column;justify-content:center}.case-card h3{font-size:29px;line-height:1.16;margin:22px 0 24px}.case-card:first-child h3,.case-card:last-child h3{font-size:35px;line-height:1.14;max-width:510px}.case-tags{font-size:10px;gap:25px;color:#89669f}.case-tags>span:first-child{max-width:82%}.case-tags>span:last-child{font-size:9px;letter-spacing:.04em}.case-metrics{border:0;padding:10px 0 0;gap:15px;margin-top:0}.case-metrics strong{font-size:56px;line-height:1.05;letter-spacing:-.05em;color:var(--violet);font-weight:450;font-variant-numeric:tabular-nums;white-space:nowrap}.case-metrics>div+div strong{font-size:20px;color:#8c71a1}.case-metrics span{font-size:11px;color:#8a709e}.case-work{gap:7px;margin:0 0 25px}.case-work li{background:#ffffff85;color:#8b6c9f;font-size:9px;padding:5px 10px;border-radius:30px}.case-comparison{display:grid;gap:11px;margin-top:25px}.case-bar-row{display:grid;grid-template-columns:38px 1fr 50px;gap:10px;align-items:center;font-size:10px;color:#9a7baa}.case-bar-row b{font-size:11px;font-weight:450;text-align:right;font-variant-numeric:tabular-nums}.case-bar-field{height:14px;position:relative}.case-bar{display:block;width:100%;height:14px;border-radius:0 6px 6px 0;background:#cfb4e3;transform:scaleX(var(--bar-scale,1));transform-origin:left}.case-bar.after{background:var(--violet)}.case-type-composition{display:flex;align-items:center;justify-content:space-between;color:#d7c2e9;margin-top:17px}.case-type-composition>span{font-size:73px;line-height:1;font-weight:600;letter-spacing:-.07em}.case-type-composition>b{font-size:95px;font-weight:300;line-height:1;color:#b485d8}.case-link{margin-top:26px;padding:20px 0 0;border-top:1px solid #d9c6e9;align-items:center;font-size:12px}.case-link-arrow{display:grid;place-items:center;width:35px;height:35px;background:#fff;border-radius:50%;transition:transform 220ms var(--ease-out),background 220ms ease,color 220ms ease}.case-disclaimer{font-size:11px;max-width:810px;margin-top:28px}.case-upload{max-height:240px;object-fit:contain;border-radius:12px}
/* 08 / Process has a strong visual anchor rather than a slide deck. */
.launch-section{padding-top:60px}.project-stages{grid-template-columns:.85fr 1.2fr;gap:50px}.stage-tabs button{border:0;border-radius:10px;font-size:17px;padding:20px 24px;color:#8d799d;gap:20px}.stage-tabs button[aria-selected=true]{background:#eee1fb;color:var(--violet)}.stage-tabs button>span:first-child{color:#b08bc9;font-size:11px}.stage-tabs button>span:last-child{font-size:21px}.stage-panels{position:relative;overflow:hidden;background:#f4ecfd;border-radius:27px;padding:45px;min-height:510px}.giant-stage{position:absolute;right:15px;top:-6px;font-size:225px;letter-spacing:-.08em;color:#e0c9f2;line-height:1;font-weight:500;pointer-events:none}.stage-panels [role=tabpanel]{position:relative;padding-top:210px;min-height:420px}.stage-panels .giant-stage{top:-230px}.stage-panels .eyebrow{font-size:10px;color:#a083b2;margin-bottom:16px}.stage-panels h3{font-size:37px;max-width:460px}.stage-panels p:not(.eyebrow){font-size:15px;max-width:420px;line-height:1.65}.stage-meter{margin-top:35px}.stage-meter i{height:3px;background:#dfcbee}.stage-meter .active{background:var(--violet)}
/* 09 / Reasons and communications each get their own rhythm. */
.why-section{background:#f7f4fa;margin:0 24px;border-radius:40px}.why-section .container{width:min(calc(100% - 96px),1272px)}.why-grid{gap:50px 55px}.why-grid article{padding-top:22px;border-color:#ddcfe8}.why-grid .item-number{font-size:12px;color:#aa88be}.why-grid h3{font-size:29px;line-height:1.12;max-width:300px;margin:27px 0 18px}.why-grid p{font-size:14px;line-height:1.7}.process-section .section-heading{max-width:660px}.process-grid{grid-template-columns:repeat(3,1fr);gap:48px 55px}.process-grid article{padding-left:22px;border-left:1px solid #e5d8ee}.process-grid .item-number{font-size:11px}.process-grid h3{font-size:27px;line-height:1.15;margin:22px 0 15px}.process-grid p{font-size:14px;line-height:1.65}.related-section{padding-top:15px}.related-grid{gap:35px}.related-grid h3{font-size:24px}.related-grid p{font-size:13px;line-height:1.65}
/* 10 / Conversion, with the same light brand language. */
.final-section{position:relative;margin:0 24px;padding:90px 0;color:var(--ink);background:#ead8fc;border-radius:40px;overflow:hidden}.final-section .container{width:min(calc(100% - 96px),1272px)}.final-shell{grid-template-columns:1.15fr 1fr;gap:90px}.final-copy .eyebrow{color:#8d62ab}.final-copy h2{font-size:64px;line-height:1.03;letter-spacing:-.06em}.final-copy>p:not(.eyebrow){color:#7e6090;font-size:15px;line-height:1.7;max-width:470px}.max-link{border-color:#c8a6e1;color:var(--violet-deep);font-size:14px;margin-top:27px}.final-signature{font-size:66px;color:#b890d4;margin-top:65px;font-weight:550}.final-signature>span{font-weight:350}.final-form{border-radius:24px;box-shadow:0 20px 45px #5d25790d}.final-form .managed-form{padding:34px}.final-form .managed-form h2{font-size:30px}.final-form .managed-form-heading{margin-bottom:23px}.final-form .managed-form-heading>p:last-child{font-size:13px}.final-form .managed-form input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.final-form .managed-form textarea{background:#faf7fd;border-color:#e5d9ee;border-radius:9px;font-size:14px}.final-form .field label{font-size:11px;color:#6f5b7e}.final-form .managed-form .consent{font-size:10px}.final-form .wizard-actions .button{font-size:13px;min-height:54px}.site-footer{padding:75px 0 25px}.footer-brand p{font-size:29px;line-height:1.2;max-width:420px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:70px}.footer-phone{font-size:23px}.footer-bottom{margin-top:65px}
/* Motion supports reading: once on entrance, interruptible on interaction. */
.hero-intro .headline-line{animation:headline-enter 850ms var(--ease-out) both}.hero-intro .headline-line:nth-child(2){animation-delay:70ms}.hero-intro .headline-tail{animation:hero-fade 700ms 160ms var(--ease-out) both}.hero-intro .hero-lead{animation:hero-fade 700ms 220ms var(--ease-out) both}.hero-intro .hero-actions{animation:hero-fade 700ms 280ms var(--ease-out) both}.hero-intro .search-story{animation:story-enter 950ms 80ms var(--ease-out) both}.hero-intro .hero-bottom{animation:hero-fade 700ms 360ms var(--ease-out) both}.js .reveal.waiting{transform:translateY(30px)}.js .reveal{transition:opacity 800ms var(--ease-out),transform 800ms var(--ease-out)}.motion-ready .story-panel .query-tile{animation:query-enter 750ms var(--ease-out) both}.motion-ready .query-tile-two{animation-delay:100ms!important}.motion-ready .query-tile-three{animation-delay:180ms!important}.motion-ready .index-scan{animation:scan-page 1800ms 150ms var(--ease-in-out) both}.motion-ready .tree-level span,.motion-ready .tree-leaves i{animation:hero-fade 600ms var(--ease-out) both}.motion-ready .tree-level span:nth-child(2){animation-delay:100ms}.motion-ready .tree-level span:nth-child(3){animation-delay:180ms}.motion-ready .tree-leaves i{animation-delay:260ms}.motion-ready .lead-letter{animation:letter-enter 800ms var(--ease-out) both}.motion-ready .traffic-routes i:after{animation:route-travel 1200ms 100ms var(--ease-in-out) both}.motion-ready .traffic-routes i:nth-child(2):after{animation-delay:200ms}.motion-ready .traffic-routes i:nth-child(3):after{animation-delay:300ms}.motion-ready .traffic-routes i:nth-child(4):after{animation-delay:400ms}.motion-ready .traffic-routes i:nth-child(5):after{animation-delay:500ms}.case-card.visible .case-bar{animation:bar-compare 1000ms var(--ease-out) both}.case-card.visible .case-bar.after{animation-delay:120ms}.case-card.visible .case-type-composition>b{animation:case-arrow-enter 900ms 100ms var(--ease-out) both}
@keyframes headline-enter{from{opacity:0;transform:translateY(35px);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:none;clip-path:inset(0)}}
@keyframes hero-fade{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes story-enter{from{opacity:0;transform:translateY(25px) rotate(2deg)}to{opacity:1;transform:none}}
@keyframes query-enter{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}
@keyframes scan-page{from{translate:0 0;opacity:0}20%{opacity:1}to{translate:0 110px;opacity:0}}
@keyframes letter-enter{from{opacity:0;transform:translateY(45px)}to{opacity:1;transform:none}}
@keyframes route-travel{from{transform:translateX(-30px);opacity:0}30%{opacity:1}to{transform:translateX(55px);opacity:0}}
@keyframes bar-compare{from{transform:scaleX(.08);opacity:.4}to{transform:scaleX(var(--bar-scale,1));opacity:1}}
@keyframes case-arrow-enter{from{opacity:0;transform:translate(-15px,15px)}to{opacity:1;transform:none}}
@supports(animation-timeline:scroll()){
  .page-progress{animation:page-read linear both;animation-timeline:scroll(root)}
  @keyframes page-read{from{transform:scaleX(0)}to{transform:scaleX(1)}}
}
@media(hover:hover) and (pointer:fine){
  .desktop-nav a:hover:after{transform:scaleX(1)}
  .button:hover{transform:translateY(-2px);box-shadow:0 10px 24px #7038a120}
  .button:hover>span[aria-hidden=true]{transform:translate(2px,-2px)}
  .button:active{transform:scale(.96)}
  .text-link:hover>span{transform:translate(3px,-3px)}
  .trust-strip:hover{background:#e9d5fb}
  .trust-strip .trust-symbol{transition:transform 700ms var(--ease-out)}
  .trust-strip:hover .trust-symbol{transform:rotate(60deg)}
  .case-card:hover{box-shadow:0 15px 35px #4a255a0b}
  .case-link:hover .case-link-arrow{transform:rotate(45deg);background:var(--violet);color:#fff}
  .services-accordion summary:hover h3{color:var(--violet)}
  .industry-panel:not([open]):hover{background:#eadbf7}
}
@media(hover:none){.button:hover{transform:none}}
/* Responsive composition */
.page-progress{display:none}
@supports(animation-timeline:scroll()){.page-progress{display:block}}
.stage-panels .giant-stage{top:0}
@media(min-width:1600px){.hero{padding-top:65px}.hero-grid{gap:75px}}
@media(max-width:1150px){
 .container{width:calc(100% - 64px)}.section{padding:95px 0}.hero-grid{gap:35px;grid-template-columns:1.08fr 1fr}.hero h1{font-size:clamp(50px,6.2vw,72px)}.headline-tail{font-size:30px}.hero-actions{gap:20px;align-items:flex-start;flex-direction:column}.hero-actions .text-link{font-size:13px;padding:0}.hero-bottom{grid-template-columns:.75fr 1.6fr;gap:20px}.proof-strip>div{padding:0 12px}.proof-strip strong{font-size:18px}.trust-strip{grid-template-columns:68px 1.2fr 1fr 42px;gap:24px;padding:30px}.trust-symbol{font-size:68px}.trust-strip strong{font-size:25px}.trust-strip>span:nth-child(3){font-size:12px}.trust-strip .trust-arrow{width:42px;height:42px}.search-story{padding:20px}.query-tile{font-size:13px;padding:16px}.story-panel-copy{grid-template-columns:96px 1fr;gap:12px}.story-panel-copy h2{font-size:22px}.story-tabs{gap:3px}.transparency-grid{gap:50px}.transparency-section h2{font-size:46px}.development-story{gap:50px;grid-template-columns:1.1fr 1fr}.development-section .section-heading h2{font-size:56px}.architecture-canvas{padding:20px}.architecture-branches{grid-template-columns:repeat(3,1fr)}.development-step h3{font-size:30px}.development-conclusion h3{font-size:24px}.development-conclusion{gap:35px}.development-conclusion .button{max-width:350px;text-align:left}.industry-panel summary{padding:23px 18px}.industry-panel[open] summary h3{font-size:27px}.case-card{padding:35px}.case-card h3{font-size:32px}.case-metrics strong{font-size:43px}.case-card-0,.case-card-3{column-gap:45px}.project-stages{gap:35px}.stage-panels{padding:33px}.stage-tabs button{font-size:15px;padding:19px}.final-shell{gap:45px}.final-copy h2{font-size:54px}.final-form .managed-form{padding:27px}.final-signature{font-size:54px}
}
@media(max-width:900px){
 .container{width:calc(100% - 48px)}.section{padding:80px 0}h2{font-size:46px}.section-heading{margin-bottom:40px}.section-lead{font-size:16px}.hero{padding-top:45px}.hero-grid{grid-template-columns:1fr 1fr;gap:25px}.hero h1{font-size:51px}.headline-tail{font-size:26px}.hero-lead{font-size:13px}.hero .eyebrow{font-size:9px}.hero-actions .button{min-height:52px;padding:15px 20px;font-size:13px;gap:15px}.search-story{padding:18px 16px;border-radius:22px}.story-caption{font-size:9px}.story-play{padding:4px 8px;font-size:9px;gap:5px}.story-stage,.story-panel{min-height:345px}.story-visual{height:237px}.query-tile{font-size:11px;padding:15px 13px;gap:8px}.query-symbol{font-size:20px}.query-tile-one{left:4%;top:30px}.query-tile-two{left:10%;top:89px}.query-tile-three{left:1%;top:143px}.intent-hub{bottom:18px;font-size:8px}.intent-hub i{width:22px}.story-panel-copy{grid-template-columns:1fr;gap:6px;padding-top:13px}.story-panel-copy h2{font-size:22px}.story-panel-copy p{font-size:10px;max-width:none}.story-tabs button{font-size:8px;padding:10px 0}.tree-level{gap:7px;left:0;right:0}.tree-level span{font-size:10px}.tree-leaves{top:195px;left:0;right:0;gap:7px}.index-paper{left:4%;right:4%;padding:15px}.traffic-source{width:60px;height:60px;font-size:11px}.traffic-destination{width:100px;height:110px;font-size:15px}.lead-envelope{width:226px}.hero-bottom{grid-template-columns:1fr;gap:22px;margin-top:40px;padding:25px 0}.hero-note{max-width:530px;font-size:11px}.proof-strip{grid-template-columns:repeat(4,1fr)}.proof-strip>div{padding:0 15px 0 0}.proof-strip strong{font-size:21px}.proof-strip span{font-size:10px}.trust-strip{grid-template-columns:60px 1fr 40px;gap:20px;padding:27px}.trust-symbol{font-size:65px;grid-column:1;grid-row:1/3}.trust-strip strong{font-size:26px;grid-column:2;grid-row:1}.trust-strip>span:nth-child(3){grid-column:2;grid-row:2;max-width:500px;font-size:13px}.trust-strip .trust-arrow{grid-column:3;grid-row:1/3;align-self:center;justify-self:end;width:40px;height:40px;font-size:26px}.strategy-steps{gap:40px 30px}.strategy-steps article:not(:first-child){padding-left:0}.strategy-steps article{padding-right:15px}.strategy-steps h3{font-size:25px}.transparency-section,.development-section,.why-section,.final-section{margin:0 16px;border-radius:30px}.transparency-section .container,.development-section .container,.why-section .container,.final-section .container{width:calc(100% - 64px)}.transparency-grid{grid-template-columns:1fr;gap:38px}.transparency-section h2{font-size:46px}.principles{grid-template-columns:1fr 1fr;gap:25px}.principles article{border-color:#d8c1e9!important}.principles h3{font-size:23px}.services-accordion details{padding:22px}.services-accordion h3{font-size:21px}.services-accordion summary{gap:14px}.services-accordion details p{margin-left:30px;margin-right:10px;font-size:13px}.services-accordion details[open]:after{margin-left:30px}.development-section .section-heading h2{font-size:47px}.development-story{grid-template-columns:1fr;gap:45px}.architecture-pin{position:relative;top:auto;max-width:610px;width:100%;margin:auto}.architecture-canvas{padding:25px}.architecture-branches{grid-template-columns:repeat(4,1fr)}.development-steps{display:grid;grid-template-columns:1fr 1fr;gap:35px}.development-step,.development-step:last-child{min-height:0;padding:0 0 10px}.development-step h3{font-size:29px}.development-step p{font-size:14px}.development-step-line{width:35px}.development-conclusion{align-items:flex-start;flex-direction:column;margin-top:30px;gap:24px}.development-conclusion h3{max-width:560px}.comparison-card{padding:30px}.comparison-card h3{font-size:30px}.comparison-card li{font-size:13px}.scenario-format{font-size:18px}.industry-panels,.industry-panels:has(.industry-panel[open]){display:flex;flex-direction:column;gap:10px}.industry-panel,.industry-panel[open]{min-height:0;display:block;border-radius:16px}.industry-panel summary,.industry-panel[open] summary{min-height:0;display:grid;grid-template-columns:25px 1fr 34px;align-items:center;gap:17px;padding:23px 26px}.industry-panel summary h3,.industry-panel[open] summary h3{writing-mode:horizontal-tb;transform:none;font-size:26px;max-width:none;margin:0}.industry-index{margin:0}.industry-open{position:static;width:32px;height:32px;align-self:center;font-size:23px}.industry-body{padding:0 26px 25px 68px;display:grid;grid-template-columns:140px 1fr;gap:25px;align-items:center}.industry-pattern{height:100px;max-width:140px;margin:0}.industry-body p{font-size:13px;max-width:none;margin:0}.case-card{padding:30px;border-radius:24px}.case-card-0,.case-card-3{column-gap:35px}.case-tags{font-size:9px;gap:8px}.case-card h3{font-size:30px}.case-metrics strong{font-size:35px}.case-metrics span{font-size:10px}.case-work{font-size:12px}.case-bar-row{grid-template-columns:35px 1fr 42px;gap:8px}.case-bar-row b,.case-bar-row>span{font-size:9px}.case-type-composition{height:150px}.case-type-composition>span{font-size:82px}.case-type-composition>b{font-size:142px}.project-stages{grid-template-columns:1fr 1fr;gap:22px}.stage-panels{padding:28px;min-height:460px}.stage-panels [role=tabpanel]{padding-top:160px;min-height:365px}.giant-stage{font-size:170px}.stage-panels h3{font-size:31px}.stage-panels p:not(.eyebrow){font-size:14px}.stage-tabs button{padding:16px 12px;font-size:14px;gap:12px}.why-grid,.process-grid{grid-template-columns:1fr 1fr;gap:40px 32px}.why-grid h3,.process-grid h3{font-size:27px}.related-grid{gap:32px}.final-shell{grid-template-columns:1fr;gap:40px}.final-copy{max-width:630px}.final-copy h2{font-size:56px}.final-copy>p:not(.eyebrow){max-width:540px}.final-signature{display:none}.final-form{max-width:620px;width:100%}.final-form .managed-form{padding:32px}.final-form .managed-contacts{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:40px}.footer-brand p{font-size:30px;max-width:570px}
}
@media(max-width:700px){
 .container{width:calc(100% - 40px)}.header-inner{height:70px}.brand img{width:145px}.section{padding:65px 0}h2{font-size:clamp(36px,8vw,48px);line-height:1.07}.section-heading{margin-bottom:33px}.section-lead{font-size:14px;line-height:1.7}.hero{padding-top:34px}.hero-grid{grid-template-columns:1fr;gap:32px}.hero h1{font-size:clamp(47px,10.8vw,72px);line-height:1.015}.headline-tail{font-size:clamp(25px,5.6vw,33px);margin-top:14px}.hero .eyebrow{font-size:10px;margin-bottom:22px}.hero-lead{font-size:14px;max-width:560px;margin-top:22px}.hero-actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:23px;margin-top:25px}.hero-actions .button{font-size:13px;min-height:56px;padding:15px 21px}.hero-actions .text-link{font-size:12px}.search-story{padding:20px 22px;max-width:540px;width:100%;margin:auto;border-radius:24px}.story-caption{font-size:10px}.story-play{font-size:10px;padding:5px 10px;min-width:85px}.story-stage,.story-panel{min-height:345px}.story-visual{height:244px}.story-panel-copy{grid-template-columns:105px 1fr;gap:15px;padding:15px 0;min-height:96px}.story-panel-copy h2{font-size:24px}.story-panel-copy p{font-size:11px}.story-tabs{padding-top:10px;gap:5px}.story-tabs button{font-size:9px;padding:12px 1px}.query-tile{font-size:13px;padding:15px 17px}.query-tile-one{left:6%;top:28px}.query-tile-two{left:13%;top:88px}.query-tile-three{left:2%;top:144px}.query-symbol{font-size:23px}.intent-hub{right:2%;font-size:9px;bottom:12px}.query-caption{font-size:8px}.tree-level{left:4%;right:4%;gap:12px}.tree-level span{font-size:11px}.tree-leaves{left:4%;right:4%;top:200px}.traffic-source{width:72px;height:72px;font-size:12px}.traffic-destination{width:110px;height:120px;font-size:16px}.lead-envelope{width:248px}.hero-bottom{margin-top:30px;padding:25px 0 22px;gap:23px}.hero-note{margin:0;font-size:11px;max-width:400px}.proof-strip{grid-template-columns:1fr 1fr;margin:0;padding:0;gap:22px}.proof-strip>div,.proof-strip>div:nth-child(odd){padding:0;border:0}.proof-strip strong{font-size:24px}.proof-strip span{font-size:11px;margin-top:5px}.trust-strip{margin-top:8px;padding:24px;grid-template-columns:44px 1fr;gap:17px}.trust-symbol{font-size:52px;grid-column:1;grid-row:1;align-self:start;margin-top:0}.trust-strip strong{font-size:24px;line-height:1.18;grid-column:2;grid-row:1}.trust-strip>span:nth-child(3){grid-column:1/-1;grid-row:2;font-size:13px}.trust-strip .trust-arrow{grid-column:1;grid-row:3;justify-self:start;width:37px;height:37px;font-size:25px}.system-section .section-lead{font-size:14px}.strategy-steps{grid-template-columns:1fr 1fr;gap:32px 23px}.strategy-steps article{padding:23px 0 0}.strategy-steps article:after{right:0;top:28px;font-size:21px}.strategy-steps .item-number{width:33px;height:33px;line-height:33px;font-size:10px}.strategy-steps h3{font-size:22px;line-height:1.15;margin-top:20px}.strategy-steps p{font-size:12px;line-height:1.75}.transparency-section,.development-section,.why-section,.final-section{margin:0 10px;border-radius:25px}.transparency-section .container,.development-section .container,.why-section .container,.final-section .container{width:calc(100% - 40px)}.transparency-section h2{font-size:37px}.transparency-grid{gap:26px}.team-portrait{margin-top:28px;gap:17px}.team-portrait img{width:87px;height:87px;border-radius:16px}.team-portrait figcaption{font-size:12px}.principles{grid-template-columns:1fr;gap:4px}.principles article{gap:20px;padding:23px 0 16px}.principles h3{font-size:22px}.principles p{font-size:13px}.services-accordion{gap:10px}.services-accordion details{padding:19px 22px;border-radius:15px}.services-accordion summary{gap:13px;min-height:40px}.services-accordion h3{font-size:21px}.services-accordion .details-mark{width:31px;height:31px;flex-shrink:0}.services-accordion details p{margin:15px 0 10px 28px;font-size:13px}.services-accordion details[open]:after{margin:22px 0 5px 28px;height:4px;width:50px}.development-section .section-heading{margin-bottom:33px}.development-section .section-heading h2{font-size:38px}.development-story{gap:35px}.architecture-canvas{padding:20px 16px;border-radius:19px}.architecture-top{font-size:9px;margin-bottom:21px}.architecture-site{width:90%}.architecture-site-content{padding:18px}.architecture-site-content strong{font-size:25px;margin-top:24px}.architecture-branches{grid-template-columns:repeat(3,1fr);gap:6px}.architecture-branches>span{font-size:9px;padding:10px 5px}.architecture-footer{font-size:8px;margin-top:19px;gap:6px}.architecture-connections{height:27px;margin:0 40px}.development-steps{grid-template-columns:1fr;gap:30px}.development-step{display:grid;grid-template-columns:55px 1fr;gap:0 15px}.step-kicker{grid-row:1/4;font-size:9px;line-height:1.6;padding-top:3px}.development-step h3{font-size:29px}.development-step p{font-size:13px;margin:13px 0 18px}.development-step-line{grid-column:2;width:35px}.development-conclusion{margin-top:23px;padding-top:27px;gap:23px}.development-conclusion h3{font-size:24px}.development-conclusion .button{min-height:59px;padding:16px 22px;width:auto;max-width:100%;text-align:left;gap:20px}.comparison-grid{gap:14px}.comparison-card{padding:27px;border-radius:20px}.comparison-card h3{font-size:31px}.comparison-card ul{margin:24px 0 28px}.scenario-format{font-size:18px}.section-end{margin-top:29px;gap:23px}.section-end p{font-size:15px}.section-end .button{font-size:13px}.industry-panel summary,.industry-panel[open] summary{grid-template-columns:20px 1fr 30px;gap:14px;padding:22px}.industry-panel summary h3,.industry-panel[open] summary h3{font-size:24px}.industry-index{font-size:10px}.industry-body{grid-template-columns:1fr;padding:0 22px 26px 56px;gap:20px}.industry-pattern{max-width:180px;height:110px}.industry-body p{font-size:13px}.case-list{grid-template-columns:1fr;gap:16px}.case-card,.case-card-0,.case-card-3{display:block;grid-column:auto;padding:27px;border-radius:22px}.case-tags{font-size:9px;gap:6px}.case-card h3{font-size:31px;line-height:1.08;margin:24px 0 21px;max-width:450px}.case-work{font-size:12px;gap:9px}.case-results{margin-top:30px}.case-metrics{gap:20px}.case-metrics strong{font-size:41px}.case-metrics span{font-size:11px;margin-top:8px}.case-comparison{margin-top:28px}.case-bar-row{grid-template-columns:36px 1fr 44px;gap:9px}.case-bar-row>span,.case-bar-row b{font-size:10px}.case-bar-field{height:19px}.case-type-composition{height:150px;margin-top:15px}.case-type-composition>span{font-size:99px}.case-type-composition>b{font-size:150px}.case-link{margin-top:30px;font-size:12px}.case-disclaimer{font-size:10px}.project-stages{grid-template-columns:1fr;gap:14px}.stage-tabs{flex-direction:row;gap:6px;padding-bottom:8px}.stage-tabs button{border:1px solid #e3d1ef;border-radius:9px;padding:13px 15px;font-size:13px;gap:10px}.stage-tabs button[aria-selected=true]{border-color:#d2b2e7}.stage-tabs button>span:first-child{font-size:10px}.stage-tabs button>span:last-child{display:none}.stage-panels{padding:28px;min-height:415px;border-radius:22px}.stage-panels [role=tabpanel]{padding-top:178px;min-height:332px}.stage-panels .giant-stage{font-size:185px;top:-6px;right:0}.stage-panels h3{font-size:32px}.stage-panels p:not(.eyebrow){font-size:14px}.stage-meter{margin-top:27px}.why-grid{grid-template-columns:1fr;gap:26px}.why-grid article{display:grid;grid-template-columns:25px 1fr;gap:0 16px;padding-top:22px}.why-grid .item-number{padding-top:3px;font-size:10px;grid-row:1/3}.why-grid h3{font-size:27px;margin:0 0 12px;max-width:none}.why-grid p{font-size:13px;grid-column:2}.process-grid{grid-template-columns:1fr 1fr;gap:33px 23px}.process-grid article{padding-left:16px}.process-grid h3{font-size:23px;line-height:1.15;margin:18px 0 12px}.process-grid p{font-size:12px;line-height:1.75}.process-grid .item-number{font-size:10px}.related-section{padding-top:10px}.related-grid{gap:27px 23px}.related-grid h3{font-size:23px}.related-grid p{font-size:12px}.final-section{padding:60px 0}.final-copy h2{font-size:43px}.final-copy>p:not(.eyebrow){font-size:14px}.max-link{font-size:13px}.final-shell{gap:30px}.final-form{border-radius:20px}.final-form .managed-form{padding:25px 22px}.final-form .managed-form h2{font-size:27px}.final-form .managed-contacts{grid-template-columns:1fr}.final-form .field{grid-column:1}.final-form .managed-form .consent{font-size:11px;line-height:1.55}.final-form .wizard-actions .button{font-size:13px;min-height:55px}.footer-grid{gap:34px}.footer-brand p{font-size:28px}.footer-phone{font-size:27px}.footer-bottom{margin-top:38px}
}
@media(max-width:370px){
 .container{width:calc(100% - 32px)}.hero h1{font-size:43px}.headline-tail{font-size:25px}.hero-actions{gap:18px}.hero-actions .button{font-size:12px;padding:14px 18px}.hero-actions .text-link{font-size:11px}.search-story{padding:19px 17px}.story-panel-copy{grid-template-columns:93px 1fr;gap:10px}.story-panel-copy p{font-size:10px}.story-tabs button{font-size:8px}.query-tile{font-size:11px;padding:15px 13px}.trust-strip{padding:22px;gap:16px}.trust-strip strong{font-size:22px}.transparency-section .container,.development-section .container,.why-section .container,.final-section .container{width:calc(100% - 32px)}.development-section .section-heading h2{font-size:35px}.industry-panel summary,.industry-panel[open] summary{padding:20px;gap:12px}.industry-panel summary h3,.industry-panel[open] summary h3{font-size:23px}.case-card{padding:23px}.case-card h3{font-size:29px}.case-metrics strong{font-size:34px}.process-grid{grid-template-columns:1fr}.process-grid h3{font-size:27px}.final-copy h2{font-size:39px}.final-form .managed-form{padding:22px 18px}.final-form .wizard-actions .button{font-size:12px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.page-progress{display:none}.reveal.waiting{opacity:1!important;transform:none!important}.architecture-pin{position:relative;top:auto}}
.visual-editor-page .architecture-pin{position:relative;top:auto}.visual-editor-page .hero h1{font-size:54px}.visual-editor-page .story-play{display:none}.visual-editor-page .industry-panels{display:flex;flex-direction:column}.visual-editor-page .industry-panel{min-height:0}.visual-editor-page .industry-panel summary h3{writing-mode:horizontal-tb;transform:none}.visual-editor-page .industry-panel summary{min-height:90px}.visual-editor-page .industry-body{max-width:700px}.visual-editor-page .development-step{min-height:220px}.visual-editor-page .page-progress{display:none}
@media print{.architecture-pin{position:relative;top:auto}.industry-panel{min-height:0}.story-panel[hidden]{display:block}.development-section,.transparency-section,.why-section{margin:0}.case-card{break-inside:avoid}.js .reveal.waiting{opacity:1;transform:none}}
/* Small type remains readable; content, including edited text, can wrap. */
.story-panel-copy p{font-size:13px;color:#725783}.hero-note{font-size:12px}.proof-strip span{font-size:11px}.case-tags{font-size:11px;color:#77598c}.case-metrics span{color:#77598c}.case-work{font-size:12px}.case-type-composition{overflow:hidden;min-width:0}.industry-pattern{overflow:hidden}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related-grid article,.related-grid h3 a>span:first-child{min-width:0}.related-grid h3{overflow-wrap:anywhere}
@media(min-width:901px){.related-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.story-panel-copy p{font-size:11px}.industry-panel summary,.industry-panel[open] summary{width:100%;text-align:left;margin:0}.industry-panel summary h3{justify-self:start}.industry-panel .industry-open{justify-self:end}.industry-body{width:100%}}
@media(max-width:700px){.story-panel-copy p{font-size:12px}.hero-note{font-size:11px}.case-tags{font-size:10px}.case-metrics strong{font-size:clamp(28px,9vw,36px)}.related-grid{grid-template-columns:1fr;gap:27px}.related-grid h3{font-size:26px}.related-grid p{font-size:13px;max-width:420px}.industry-pattern{max-width:100%}.industry-pattern i{min-width:0}.industry-panel summary,.industry-panel[open] summary{padding:22px}.industry-panel summary h3{font-size:24px}}
html:not(.js) .story-tabs,html:not(.js) .stage-tabs{display:none}html:not(.js) .story-panel{margin-bottom:25px}html:not(.js) .stage-panels [role=tabpanel]{border-bottom:1px solid #dcc7eb;margin-bottom:30px}html:not(.js) .architecture-pin{position:relative;top:auto}
@media(max-width:900px){
 .industry-panel,.industry-panel[open]{padding:0}.industry-panel summary,.industry-panel[open] summary{height:auto;align-items:center}.industry-panel summary h3,.industry-panel[open] summary h3{text-align:left;line-height:1.16;max-height:none}.industry-panel[open] .industry-open{position:static;transform:rotate(-45deg);margin:0;width:32px;height:32px;font-size:23px}.industry-index{align-self:center}.case-card:first-child,.case-card:last-child{padding:30px;column-gap:35px}.case-card:first-child h3,.case-card:last-child h3{font-size:30px}
}
@media(max-width:700px){
 .case-card:first-child,.case-card:last-child{grid-column:auto;padding:27px;min-height:0}.case-card h3,.case-card:first-child h3,.case-card:last-child h3{font-size:28px;line-height:1.13;margin:22px 0}.case-card:first-child .case-link,.case-card:last-child .case-link{margin-top:30px}.case-card:first-child .case-work{margin-bottom:0}.case-card .case-results{margin-top:27px}.case-card:first-child .case-results,.case-card:last-child .case-results{display:block}
}
@media(max-width:370px){.case-card:first-child,.case-card:last-child{padding:23px}.case-card h3,.case-card:first-child h3,.case-card:last-child h3{font-size:26px}}