.brand-experience{justify-self:end;width:100%;min-width:0;max-width:600px;container-type:inline-size}.brand-board{aspect-ratio:1.12;perspective:1000px;isolation:isolate;position:relative}.brand-art{opacity:0;visibility:hidden;pointer-events:none;transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .22s,visibility .42s;position:absolute;inset:0;transform:translateY(12px)}.brand-experience[data-application=identity] .brand-art-identity,.brand-experience[data-application=web] .brand-art-web,.brand-experience[data-application=content] .brand-art-content{opacity:1;visibility:visible;transform:rotateX(var(--brand-y,0deg)) rotateY(var(--brand-x,0deg));pointer-events:auto}.identity-paper{background:var(--canvas);position:absolute;inset:2% 19% 3% 5%;transform:rotate(-4deg)}.identity-paper .identity-illustration{object-fit:contain;width:100%;height:100%}.identity-paper .identity-logo{width:25%;height:auto;position:absolute;top:6%;left:7%}.identity-card{background:var(--ink);color:var(--canvas);flex-direction:column;justify-content:space-between;padding:5%;display:flex;position:absolute;inset:65% 1% 0 49%;transform:rotate(5deg)}.identity-card img{align-self:end;width:47%;height:auto}.identity-card>span{font:500 clamp(10px, 2.6cqw, 15px) / 1.4 var(--body)}.brand-browser{background:var(--canvas);border:1px solid var(--ink);position:absolute;inset:5% 1%;transform:rotate(-2deg)}.brand-browser-bar{border-bottom:1px solid var(--border);align-items:center;gap:5px;height:7%;padding:0 12px;display:flex}.brand-browser-bar>span{background:var(--ink);border-radius:50%;width:5px;height:5px}.brand-browser-bar small{font:400 10px var(--body);margin-left:auto}.brand-browser-body{flex-direction:column;justify-content:space-between;align-items:start;gap:3%;height:93%;padding:5%;display:flex}.brand-browser-body>img{width:15%;height:auto}.brand-browser-layout{flex:1;grid-template-columns:1.2fr 1fr;align-items:center;gap:4%;width:100%;min-height:0;display:grid}.brand-browser-copy{flex-direction:column;gap:12px;min-width:0;display:flex}.brand-browser-copy>strong{font:800 clamp(19px, 5.5cqw, 33px) / 1.05 var(--heading);letter-spacing:-.8px}.brand-browser-copy em{background:linear-gradient(transparent 65%, var(--accent) 65%);font-style:normal}.brand-browser-copy>span{font:400 clamp(10px, 2.3cqw, 13px) / 1.4 var(--body)}.brand-browser-layout>img{object-fit:contain;width:100%;height:auto;max-height:100%}.brand-browser-cta{background:var(--ink);color:#fff;font:600 clamp(9px, 2.3cqw, 12px) / 1.4 var(--body);align-items:center;gap:16px;padding:3% 4%;display:flex}.brand-poster{background:var(--ink);color:var(--canvas);grid-template-rows:auto 1fr;grid-template-columns:1fr 1fr;gap:4%;padding:5%;display:grid;position:absolute;inset:0 11%;transform:rotate(2deg)}.brand-poster>img:first-child{grid-column:1/-1;width:28%;height:auto}.brand-poster>strong{font:800 clamp(26px, 7cqw, 42px) / 1.02 var(--heading);letter-spacing:-1px;z-index:1;grid-area:2/1/auto/-1;align-self:start}.brand-poster>strong span{color:var(--accent)}.brand-poster>img:last-child{object-fit:contain;background:var(--canvas);grid-area:2/1/auto/-1;place-self:end;width:80%;height:66%}.brand-application-controls{border-top:1px solid #12121260;grid-template-columns:repeat(3,1fr);margin-top:28px;display:grid}.brand-application-controls[hidden]{display:none}.brand-application-controls button{color:var(--ink);min-height:60px;font:600 15px var(--body);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:14px 5px;transition:background .18s,border-color .18s}.brand-application-controls button>span{margin-right:8px;font-size:10px}.brand-application-controls button[aria-pressed=true]{border-bottom-color:var(--ink);background:#1212120a}.brand-application-controls button:focus-visible{outline:2px solid var(--ink);outline-offset:-4px}.brand-experience .brand-application-caption{font:400 14px/21px var(--body);min-height:54px;padding-top:12px}@media (width<=767px){.brand-experience{justify-self:center;max-width:440px}.brand-board{aspect-ratio:1.06}.brand-application-controls{margin-top:24px}.brand-application-controls button{font-size:13px}.brand-application-controls button>span{margin-right:5px}}@media (prefers-reduced-motion:reduce){.brand-art,.brand-application-controls button{transition:none}.brand-experience[data-application] .brand-art{transform:none}}.brand-section{padding-block:80px}.brand-surface{background:var(--surface)}.brand-hero{background:var(--accent)}.brand-inverse{background:var(--ink);color:var(--surface)}.brand-hero{padding-block:calc(var(--header-height) + 64px) 72px}.brand-hero-inner{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:64px;display:grid}.brand-copy{flex-direction:column;align-items:start;gap:28px;min-width:0;display:flex}.brand-copy p{max-width:600px}.brand-hero h1{letter-spacing:-2px;padding-bottom:4px;font-size:64px;font-weight:700;line-height:1}.brand-hero p,.brand-section p,.brand-section dd,.brand-obstacles li{font-size:18px;line-height:28px}.brand-hero .text-marker{--marker-color:var(--canvas)}.brand-hero .button-primary{--hover-fill:var(--burgundy);--hover-text:var(--surface)}.brand-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:96px;display:grid}.brand-section h2{letter-spacing:-.5px;font-size:52px;font-weight:800;line-height:56px}.brand-section h3{font:600 32px/38px var(--heading);letter-spacing:-.5px}.brand-obstacles{padding:0;list-style:none}.brand-obstacles li{padding:24px 0 24px 24px;position:relative}.brand-obstacles li:first-child{padding-top:0}.brand-obstacles li+li{border-top:1px solid var(--muted)}.brand-obstacles li:before{content:"";background:var(--accent);width:4px;height:24px;position:absolute;top:26px;left:0}.brand-obstacles li:first-child:before{top:2px}.brand-system-intro{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);margin-bottom:48px}.brand-pillars{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;display:grid}.brand-pillar{background:var(--canvas);padding:32px 28px;position:relative}.brand-pillar h3{margin-bottom:24px}.brand-pillar:nth-child(2){background:var(--ink);color:var(--surface)}.brand-pillar:nth-child(2) h3{color:var(--accent)}.brand-pillar+.brand-pillar:before{content:"";background:var(--accent);width:48px;height:3px;position:absolute;top:50%;left:-48px}.brand-scope-intro{grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr);align-items:end;gap:64px;margin-bottom:48px;display:grid}.brand-scope-intro p{max-width:440px}.brand-scope-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 40px;display:grid}.brand-scope-list>div{border-top:2px solid var(--burgundy);padding-top:24px}.brand-scope-list dt{font:600 28px/34px var(--heading);letter-spacing:-.5px;margin-bottom:16px}.brand-scope-list dd{max-width:55ch}.brand-local-grid{align-items:center}.brand-search-path{background:var(--ink);color:var(--surface);padding:36px}.brand-search-path h3{color:var(--accent);max-width:420px;margin-bottom:24px}.brand-search-path ol{margin:0;padding:0;list-style:none}.brand-search-path li{grid-template-columns:10px minmax(90px,.65fr) minmax(0,1.35fr);align-items:baseline;gap:14px;padding-block:24px;display:grid}.brand-search-path li+li{border-top:1px solid var(--muted)}.brand-search-path li:last-child{padding-bottom:0}.brand-search-path img{width:10px;height:10px}.brand-search-path strong{font-size:14px;line-height:22px}.brand-search-path span{font-size:18px;line-height:28px}.brand-measures>div{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:24px;padding:24px 0 24px 24px;display:grid;position:relative}.brand-measures>div:first-child{padding-top:0}.brand-measures>div+div{border-top:1px solid var(--muted)}.brand-measures>div:before{content:"";background:var(--accent);width:4px;height:32px;position:absolute;top:26px;left:0}.brand-measures>div:first-child:before{top:2px}.brand-measures dt{font-size:16px;font-weight:600;line-height:24px}@media (width<=1100px){.brand-hero-inner{gap:32px}.brand-split{gap:40px}.brand-hero h1{font-size:56px;line-height:58px}.brand-section h2{font-size:42px;line-height:46px}.brand-pillars{gap:24px}.brand-pillar{padding:28px 20px}.brand-pillar+.brand-pillar:before{width:24px;left:-24px}.brand-section h3{font-size:28px;line-height:32px}.brand-scope-intro{gap:40px}.brand-scope-list{gap:32px}.brand-search-path{padding:28px}.brand-search-path li{grid-template-columns:10px minmax(0,1fr);gap:8px 14px}.brand-search-path span{grid-column:2}.brand-measures>div{grid-template-columns:1fr;gap:8px}}@media (width>=768px) and (width<=1000px){.brand-scope-intro{grid-template-columns:1fr;gap:24px}.brand-scope-intro p{max-width:55ch}.brand-scope-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.brand-scope-intro{grid-template-columns:1fr;gap:24px;margin-bottom:32px}.brand-scope-list{grid-template-columns:1fr;gap:28px}.brand-scope-list>div{padding-top:20px}.brand-scope-list dt{margin-bottom:12px;font-size:26px;line-height:30px}.brand-hero-inner{grid-template-columns:1fr;gap:36px}.brand-section{padding-block:48px}.brand-hero{padding-block:calc(var(--header-height) + 40px) 48px}.brand-split,.brand-pillars{grid-template-columns:1fr;gap:32px}.brand-copy{gap:24px}.brand-hero h1{letter-spacing:-1.5px;font-size:42px;line-height:46px}.brand-hero p,.brand-section p,.brand-section dd,.brand-obstacles li,.brand-search-path span{font-size:16px;line-height:26px}.brand-section h2{letter-spacing:-.25px;font-size:34px;line-height:38px}.brand-system-intro{margin-bottom:32px}.brand-pillar{padding:28px 24px}.brand-pillar h3{margin-bottom:16px}.brand-pillar+.brand-pillar:before{width:3px;height:32px;top:-32px;left:50%}.brand-search-path{padding:28px 24px}.brand-search-path li{padding-block:20px}.brand-faq h2{font-size:40px;line-height:41px}}@media (width<=359px){.brand-hero h1{font-size:38px;line-height:42px}}