:root{--ease-out:cubic-bezier(.2,.75,.2,1);--motion-fast:180ms;--motion-enter:760ms}
html{scroll-behavior:smooth;scroll-padding-top:110px}.scroll-track{position:fixed;top:0;left:0;right:0;height:3px;z-index:100;pointer-events:none}.scroll-track span{display:block;width:100%;height:100%;background:var(--red);transform:scaleX(0);transform-origin:left;will-change:transform}.header{transition:box-shadow 300ms,background 300ms}.header.is-scrolled{background:rgba(255,255,255,.96);box-shadow:0 4px 25px #171a1b0d;backdrop-filter:blur(14px)}.header .brand{width:190px}.header .brand img{width:100%;height:auto}
.motion-ready [data-reveal]{opacity:0;transform:translateY(28px);transition:opacity var(--motion-enter) var(--ease-out),transform var(--motion-enter) var(--ease-out);transition-delay:var(--reveal-delay,0ms)}.motion-ready [data-reveal].is-visible{opacity:1;transform:translateY(0)}.motion-ready .hero>img,.motion-ready .web-hero>img{transform:translate3d(0,var(--parallax-y,0px),0) scale(1.08);will-change:transform}.motion-ready .hero-line{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.motion-ready .hero-line>span{display:block;transform:translateY(112%);animation:headline-in 1000ms var(--ease-out) forwards;animation-delay:calc(100ms + var(--line-index,0)*125ms)}.hero .hero-inner .eyebrow{animation:soft-in 600ms var(--ease-out) both}.hero .hero-inner>p{animation:soft-in 850ms 380ms var(--ease-out) both}.hero .hero-inner>.button{animation:soft-in 800ms 520ms var(--ease-out) both}.hero-foot{animation:soft-in 850ms 650ms var(--ease-out) both}.hero h1{padding-bottom:.08em}.hero-foot:before{content:'';height:2px;position:absolute;top:-1px;left:0;background:var(--red);width:25%;transform-origin:left;animation:rule-in 1200ms 550ms var(--ease-out) both}
.piece-card,.explore-links button,.highlight-library a,.system-grid>div{transition:transform 420ms var(--ease-out)}.piece-open .artwork{transition:filter 400ms}.open-label{transition:opacity 200ms,transform 350ms var(--ease-out)}.button{position:relative;transition:background 220ms,color 220ms,border-color 220ms,transform 300ms var(--ease-out),box-shadow 300ms}.button:active{transform:translateY(1px)}.text-button{transition:color 200ms,border-color 200ms}.ig-highlights button>span{transition:transform 350ms var(--ease-out),box-shadow 350ms}.ig-highlights button:hover>span{transform:translateY(-3px);box-shadow:0 0 0 3px white,0 0 0 4px var(--red)}
dialog[open]{animation:dialog-in 420ms var(--ease-out)}dialog::backdrop{animation:backdrop-in 320ms}.manual-content{scroll-margin-top:115px}.solution-copy,.solution-copy+img{animation:soft-in 500ms var(--ease-out) both}.before-after{box-shadow:0 15px 30px #171a1b12}.comparison-handle{transition:box-shadow 180ms}.before-after:focus-within .comparison-handle,.web-case:focus-within .comparison-handle{box-shadow:0 0 0 4px #d8313530}.website .web-hero:after{content:'';position:absolute;bottom:0;left:0;height:3px;width:36%;background:var(--red);transform-origin:left;animation:rule-in 1400ms 200ms var(--ease-out) both}.web-contact{position:relative;overflow:hidden}.web-contact:after{content:'';position:absolute;right:-9%;top:-20%;width:45%;height:160%;border:1px solid #ffffff0d;transform:rotate(22deg);pointer-events:none}.web-contact>*{position:relative;z-index:1}.website [data-reveal]{--motion-enter:850ms}
@media(hover:hover) and (pointer:fine){.piece-card:hover{transform:translateY(-7px)}.piece-open:hover .artwork{filter:brightness(1.045)}.explore-links button:hover{transform:translateX(6px)}.highlight-library a:hover{transform:translateY(-4px)}.button:hover{transform:translateY(-2px);box-shadow:0 7px 16px #171a1b16}.piece-card[data-reveal]:hover{transform:translateY(-7px)}}
@keyframes headline-in{to{transform:translateY(0)}}@keyframes soft-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes rule-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes dialog-in{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes backdrop-in{from{opacity:0}to{opacity:1}}
/* Navigation for the presentation and for the website preview */
.presentation-toggle,.menu-scrim,.web-menu-toggle{display:none}.presentation-toggle,.web-menu-toggle{align-items:center;justify-content:center;flex-direction:column;gap:5px;background:none;width:46px;height:46px;flex-shrink:0;padding:9px;border:1px solid var(--line)}.presentation-toggle span,.web-menu-toggle span{display:block;width:22px;height:2px;background:var(--coal);transition:transform 250ms var(--ease-out),opacity 180ms}.presentation-toggle[aria-expanded=true] span:nth-child(1),.web-menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.presentation-toggle[aria-expanded=true] span:nth-child(2),.web-menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.presentation-toggle[aria-expanded=true] span:nth-child(3),.web-menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.web-menu-action{display:none!important}.manual-select{display:none}.website .web-nav .logo-plate{width:20%}.website .web-nav{position:relative;z-index:4}
/* Center introductory messages; preserve reading alignment for technical content. */
@media(max-width:800px){
 .header{height:82px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.header .brand{width:169px;margin:0}.presentation-toggle{display:flex;position:relative;z-index:24}.header nav{display:flex;flex-direction:column;align-items:stretch;gap:0;height:auto;overflow:visible;position:absolute;top:calc(100% + 10px);left:16px;right:16px;padding:14px 22px 20px;background:white;border:1px solid var(--line);box-shadow:0 18px 50px #171a1b25;z-index:23;opacity:0;visibility:hidden;transform:translateY(-12px);pointer-events:none;transition:opacity 220ms,transform 300ms var(--ease-out),visibility 220ms}.header nav button{font:600 25px/1.2 var(--display);min-height:49px;padding:12px 10px;text-align:center;white-space:normal;border-bottom:1px solid #ecece7}.header nav button:last-child{border:0}.header nav button[aria-current=page]{color:var(--red)}.header nav button[aria-current=page]:after{display:none}.header[data-menu-open=true] nav{opacity:1;visibility:visible;transform:none;pointer-events:auto}.menu-scrim{position:fixed;top:82px;left:0;right:0;bottom:0;z-index:21;background:#171a1b70;backdrop-filter:blur(3px);border:0;width:100%;height:calc(100dvh - 82px)}.header[data-menu-open=true] .menu-scrim{display:block}.presentation-menu-open{overflow:hidden}
 .hero{min-height:670px}.hero-inner{text-align:center;padding:58px 24px 110px}.hero>img{object-position:64% 50%;opacity:.6}.hero-shade{background:linear-gradient(180deg,#171a1be8 0%,#171a1bba 50%,#171a1bf2 100%)}.hero h1{font-size:clamp(62px,20vw,84px);margin:30px auto 25px;line-height:.91}.hero .hero-inner>p{font-size:18px;max-width:330px;margin-left:auto;margin-right:auto}.hero .hero-inner>.button{margin:auto;max-width:100%;min-height:50px}.hero-foot{align-items:center;text-align:center;padding:20px 20px;gap:10px;font-size:12px}.hero-foot:before{width:100%}.hero-foot span{max-width:100%;line-height:1.5}
 .section-heading{text-align:center;padding:48px 25px 36px}.section-heading .eyebrow{font-size:12px;letter-spacing:1.65px}.section-heading h1{font-size:clamp(39px,10.8vw,54px);margin:20px 0;line-height:1.02}.section-heading>p{margin:0 auto;max-width:560px}.statement{text-align:center}.statement>p{margin:auto;max-width:540px}.statement h2{font-size:clamp(40px,10.7vw,52px);line-height:1.04}.direction-row>div{text-align:center;max-width:470px;width:100%;margin:auto}.direction-row h3{font-size:25px}.section-line{align-items:center;text-align:center;gap:22px}.section-line>div{width:100%}.section-line h2{font-size:42px}.section-line .button{margin:auto}.explore>h2{text-align:center}.explore-links button{text-align:left}.piece-meta{text-align:left}.piece-open .artwork{text-align:left}.footer{align-items:center;text-align:center;gap:20px;padding:40px 25px}.footer img{width:170px;margin:auto}.footer span{display:block;font-size:15px;max-width:270px}.footer small{font-size:12px;max-width:290px}
 .manual-shell{padding-top:8px}.manual-nav{display:block;position:static;margin-bottom:36px;padding:0;overflow:visible;text-align:center}.manual-nav>[data-chapter]{display:none}.manual-select{display:block;text-align:left;font-size:13px;font-weight:600;letter-spacing:.4px}.manual-select select{display:block;margin-top:10px;width:100%;padding:15px 38px 15px 15px;border:1px solid var(--line);border-radius:0;background:white;font:500 15px/1.4 var(--body);color:var(--coal);min-height:50px}.manual-download{display:inline-block;margin-top:18px;font-size:14px}.manual-content>h2{text-align:center;font-size:43px}.manual-content>.eyebrow{text-align:center}.chapter-lead{text-align:center;font-size:17px}.manifesto{text-align:center}.manifesto h3{font-size:47px}.manifesto p{margin:auto}.rule-list,.brand-table,.copy-example{text-align:left}.manual-note{text-align:left}.manual-content .subhead{text-align:center}.type-specimen,.body-specimen{text-align:left}.channel-rules,.references{text-align:left}.brand-table{display:block;max-width:100%;overflow-x:auto}.manual-content{scroll-margin-top:100px}
 .instagram-notes>.eyebrow,.instagram-notes>h2,.instagram-notes>p{text-align:center}.instagram-notes>h2{font-size:46px}.instagram-notes>p{margin-left:auto;margin-right:auto}.profile-detail{text-align:left}.highlight-library{justify-content:center}.instagram-notes>.small-note{text-align:left}.posting-plan{text-align:center;gap:20px;padding:26px 22px}.posting-plan p{max-width:510px;margin:auto}.phone-frame{margin:auto}.ig-avatar{display:flex;align-items:center;justify-content:center}.ig-avatar img{width:92%;height:auto;object-fit:contain;object-position:center}
 .li-company-info{text-align:center}.li-logo{margin-left:auto;margin-right:auto}.li-company-info>div{justify-content:center;flex-wrap:wrap}.li-company-info h2{font-size:23px;line-height:1.2}.cover-notes{text-align:center}.cover-notes .eyebrow{max-width:none}.cover-notes p{text-align:left}.li-piece-description .eyebrow,.li-piece-description h3{text-align:center}.li-piece-description p{text-align:left}.li-piece-description>button,.li-piece-description>a{display:table;margin-left:auto;margin-right:auto}.li-feed-section>div:first-child{text-align:center}.li-feed-section>div:first-child h2{font-size:46px}.li-feed-section>div:first-child p{max-width:520px;margin:auto}.li-feed{text-align:left}
 .preview-toolbar{justify-content:center;text-align:center;gap:14px}.preview-toolbar>div{margin:0}.preview-toolbar>a{margin:0}.system-section .system-grid>div>h3{text-align:center}.system-colors>div,.ds-buttons,.spacing-demo{justify-content:center}.ds-type{text-align:center}.system-grid p,.system-grid ul,.sample-service{text-align:left}.sitemap-section>.eyebrow,.sitemap-section>h2{text-align:center}.sitemap-section h2{font-size:43px}.sitemap>span{text-align:center}.plan-steps>div>span,.plan-steps h2{text-align:center;display:block}.plan-steps p{text-align:left}.meeting-block>.eyebrow,.meeting-block>h2{text-align:center}.closing-line{text-align:center}.closing-line h2{font-size:clamp(39px,10vw,52px)}.deliverable-library>h2,.deliverable-library>p{text-align:center}.deliverable-library>div{text-align:left}
}
.ig-avatar{padding:0}.ig-avatar img{width:100%;height:100%;max-height:none;object-fit:contain;object-position:center}.logo-assets{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}.logo-asset{background:white;padding:24px 18px;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:25px;text-align:center}.logo-asset.dark{background:var(--coal);color:white}.logo-asset img{width:100%;max-width:200px;min-height:50px;object-fit:contain}.logo-asset a{font-size:14px}.logo-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0}.logo-comparison>div{background:white;padding:25px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:22px}.logo-comparison img{max-height:90px;width:100%;object-fit:contain}.logo-comparison small{font-size:13px;color:var(--steel)}.motion-demo{padding:30px;background:var(--coal);color:white;overflow:hidden}.motion-demo>span{font-size:12px;letter-spacing:1.4px;color:#d3d6d6}.motion-demo h3{font:600 48px/1 var(--display);margin:24px 0}.motion-demo .button{margin-top:24px}.motion-demo.is-playing h3{animation:soft-in 760ms var(--ease-out) both}.motion-demo .motion-rule{height:3px;width:45%;background:var(--red);margin-top:25px}.motion-demo.is-playing .motion-rule{animation:rule-in 1000ms 200ms var(--ease-out) both}
/* Website mobile layout, also when viewed inside the presentation. */
.mobile-preview .web-nav{position:relative;justify-content:space-between;flex-wrap:nowrap!important;min-height:76px;padding:4.5cqw 6cqw!important;gap:5cqw!important}.mobile-preview .web-nav .logo-plate{width:49%!important}.mobile-preview .web-nav .web-contact-btn{display:none}.mobile-preview .web-nav .web-menu-toggle{display:flex;padding:9px;width:44px;height:44px;font-size:0}.mobile-preview .web-nav>.web-links{position:absolute;top:100%;left:0;right:0;display:flex;flex-direction:column;gap:0!important;order:unset!important;width:auto!important;margin:0!important;padding:5cqw 6cqw 7cqw;align-items:stretch;background:white;border-top:1px solid var(--line);box-shadow:0 18px 30px #171a1b26;opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;transition:opacity 220ms,transform 300ms var(--ease-out),visibility 220ms;z-index:5}.mobile-preview .web-nav[data-web-open=true]>.web-links{opacity:1;visibility:visible;transform:none;pointer-events:auto}.mobile-preview .web-nav>.web-links button{font:600 5cqw/1.2 var(--display);text-align:center;padding:3.5cqw 4cqw;min-height:44px;border-bottom:1px solid var(--line);color:var(--coal)}.mobile-preview .web-nav>.web-links .web-menu-action{display:block!important;margin-top:4cqw;background:var(--red);color:white;border:0;font:600 3.7cqw/1.4 var(--body);padding:3.5cqw 4cqw}.mobile-preview .web-hero{min-height:132cqw}.mobile-preview .web-hero article{text-align:center;padding:15cqw 6cqw 17cqw}.mobile-preview .web-hero h2{font-size:11.5cqw;line-height:.99;margin:7cqw auto}.mobile-preview .web-hero p{font-size:4.2cqw;line-height:1.55;max-width:83%;margin:7cqw auto 9cqw}.mobile-preview .web-hero>div{background:linear-gradient(180deg,#171a1be8,#171a1bab 65%,#171a1bf0)}.mobile-preview .web-hero>img{object-position:64% 50%;opacity:.6}.mobile-preview .web-hero .button{margin:auto}.mobile-preview .web-service-bar{display:grid;grid-template-columns:1fr;justify-items:center;text-align:center;font-size:3.7cqw;gap:3cqw;padding:6cqw}.mobile-preview .web-solutions>.eyebrow,.mobile-preview .web-solutions>h3{text-align:center}.mobile-preview .solution-tabs{justify-content:center;gap:5cqw;flex-wrap:wrap}.mobile-preview .solution-tabs button{font-size:3.5cqw;min-height:42px}.mobile-preview .solution-copy{text-align:left}.mobile-preview .web-case>div:first-child{text-align:center}.mobile-preview .web-case p{font-size:4.2cqw;line-height:1.55}.mobile-preview .web-case label{font-size:3.7cqw}.mobile-preview .web-contact{text-align:center;padding:13cqw 6cqw}.mobile-preview .web-contact p{max-width:86%;margin:7cqw auto 9cqw;font-size:4.2cqw;line-height:1.55}.mobile-preview .web-contact>div{align-items:center;gap:7cqw}.mobile-preview .web-contact>div>a:last-child{font-size:4.2cqw}.mobile-preview .web-footer{align-items:center;text-align:center;gap:6cqw;font-size:3.6cqw;padding:10cqw 6cqw}.mobile-preview .web-footer .logo-plate{width:49%}.mobile-preview .web-footer span{max-width:100%}.mobile-preview .web-contact:after{display:none}
@media(max-width:550px){.logo-assets{grid-template-columns:1fr}.logo-asset img{max-width:235px}.logo-comparison{grid-template-columns:1fr}.hero{min-height:660px}.hero-inner{padding-top:54px}.footer{padding-bottom:42px}.instagram-notes{padding:0 8px}.manual-cover{text-align:center}.manual-cover>img{margin-left:auto;margin-right:auto}.manual-cover>p{margin:auto}.manual-toc{text-align:left}.standalone-toolbar{justify-content:center;text-align:center}.standalone-toolbar>div{justify-content:center;width:100%}.story-notes{text-align:center}.story-controls,.download-assets{justify-content:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-ready [data-reveal]{opacity:1;transform:none!important}.motion-ready .hero-line>span{transform:none;animation:none!important}.motion-ready .hero>img,.motion-ready .web-hero>img{transform:none!important;will-change:auto}*,*:before,*:after{animation:none!important;transition:none!important}.piece-card:hover,.button:hover,.explore-links button:hover,.highlight-library a:hover{transform:none!important}}
@media print{.scroll-track,.presentation-toggle,.menu-scrim,.web-menu-toggle{display:none!important}[data-reveal]{opacity:1!important;transform:none!important}.hero-line>span{transform:none!important}.logo-assets,.logo-comparison,.motion-demo{break-inside:avoid}.motion-demo{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

.avatar-art{aspect-ratio:1;background:white;overflow:hidden;display:grid;place-items:center;container-type:inline-size}.avatar-art img{width:100%;height:100%;object-fit:contain}.export-stage .avatar-art{width:400px;height:400px}

.mobile-preview .web-hero p,.mobile-preview .solution-copy p,.mobile-preview .web-case p,.mobile-preview .web-contact p{font-size:clamp(16px,4.2cqw,18px)}.mobile-preview .website .eyebrow{font-size:clamp(12px,2.9cqw,14px)}.mobile-preview .website .button,.mobile-preview .website .text-button{font-size:clamp(14px,3.6cqw,16px)}.mobile-preview .solution-tabs button{font-size:clamp(14px,3.5cqw,16px)}.mobile-preview .solution-copy small{font-size:clamp(13px,3.3cqw,15px)}

.hero-line{display:block}

.ig-handle b{min-width:0;overflow:hidden;text-overflow:ellipsis;flex:1;text-align:center}.ig-highlights{gap:6px;padding-left:10px;padding-right:10px}.ig-highlights button{flex:1;min-width:0}.ig-highlights button>span{width:100%;max-width:54px;height:auto;aspect-ratio:1}
@media(max-width:550px){.ig-highlights button>span{max-width:48px}}
@media(max-width:360px){.ig-profile{padding-left:10px;padding-right:10px;gap:10px}.ig-avatar{width:64px;height:64px}.ig-stats{gap:7px}.ig-stats b{font-size:14px}.ig-stats span{font-size:9px}}
@media(min-width:801px){.manual-nav{max-height:calc(100dvh - 145px);overflow-y:auto;padding-right:8px;scrollbar-width:thin;scrollbar-color:#a8acad transparent}}