:root{--type-display-leading:1.05;--art-primary:#3b82f6;--art-primary-strong:#1d4ed8;--art-secondary:#8b5cf6;--art-secondary-soft:#ede9fe;--art-surface:#fff;--art-text:#111827;--art-success:#16a34a;--art-warning:#d97706;--art-danger:#dc2626;--art-space-1:4px;--art-space-2:8px;--art-space-3:12px;--art-space-4:16px;--art-space-6:24px;--art-space-8:32px;--art-body:"Helvetica Neue","Noto Sans","Noto Sans Arabic","Noto Sans CJK SC",Arial,sans-serif;--art-display:"Limelight","Arial Black",Impact,"Noto Sans Arabic","Noto Sans CJK SC",serif;--art-mono:"JetBrains Mono","Noto Sans Arabic","Noto Sans CJK SC",ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;--space:clamp(18px,4.5vw,76px);--shell:1440px;--surface:var(--art-surface);--foreground:var(--art-text);--accent:var(--art-secondary);--focus-ring:var(--art-primary-strong);--header-surface:var(--surface);--card-border:var(--foreground);--interactive-duration:.16s;--entry-duration:.42s}@font-face{font-family:Limelight;font-style:normal;font-weight:400;font-display:block;src:url(template/artistic-v1/fonts/limelight-latin.woff2) format("woff2")}@font-face{font-family:Limelight;font-style:normal;font-weight:400;font-display:block;src:url(template/artistic-v1/fonts/limelight-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+1E00-1EFF,U+20A0-20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:block;src:url(template/artistic-v1/fonts/jetbrains-mono-latin.woff2) format("woff2")}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px;background:#fff}body{margin:0;background:#fff;color:#111827;font:400 17px/1.55 Limelight,Noto Sans,Arial,sans-serif;overflow-x:hidden}img{display:block;max-width:100%;height:auto}figure{margin:0}a{color:inherit}p{overflow-wrap:anywhere}h1,h2,h3,h4{font-family:Limelight,Arial Black,Impact,Noto Sans Arabic,Noto Sans CJK SC,sans-serif;font-weight:400;line-height:1;letter-spacing:.012em;overflow-wrap:anywhere;text-wrap:balance}h1,h2,h3,h4,p{margin-top:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:fixed;z-index:2000;inset:12px auto auto 12px;padding:12px 16px;background:#111827;color:#fff;transform:translateY(-180%)}.skip-link:focus{transform:none}:focus-visible{outline:3px solid #111827;outline-offset:4px;box-shadow:0 0 0 6px #8b5cf6}.site-header{position:sticky;z-index:1000;top:0;border-block-end:2px solid #111827;background:#fff}.header-shell{min-height:72px;margin:auto;padding:10px var(--space);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px}.brand{min-width:0;display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800}.brand__logo{width:38px;height:38px;object-fit:contain}.brand__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.nav-link,.mobile-link{padding:8px 10px;border:1px solid transparent;text-decoration:none;font-size:13px;font-weight:800}.nav-link:hover,.nav-link[aria-current=page]{border-color:#111827;background:#8b5cf6}.header-actions{justify-self:end;display:flex;gap:8px}.language-menu{position:relative}.language-menu summary,.menu-button{min-height:44px;border:1px solid #111827;background:#fff;color:#111827;cursor:pointer}.language-menu summary{list-style:none;padding:10px 12px}.language-menu summary::-webkit-details-marker{display:none}.language-menu__panel{position:absolute;inset:calc(100% + 8px) 0 auto auto;width:172px;padding:6px;background:#fff;border:2px solid #111827;box-shadow:7px 7px #3b82f6}.language-menu__panel a{display:block;padding:10px;text-decoration:none}.language-menu__panel a:hover,.language-menu__panel a[aria-current=true]{background:#8b5cf6}.menu-button{display:none;width:44px}.menu-button span{display:block;width:18px;height:2px;margin:4px auto;background:currentColor}.mobile-menu{display:none}.home-hero{position:relative;isolation:isolate;min-height:calc(100svh - 72px);padding:clamp(32px,6vw,88px) var(--space);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(24px,5vw,74px);align-items:end;background:#3b82f6;overflow:hidden}.home-hero:before{content:"";position:absolute;z-index:-1;width:48vw;aspect-ratio:1;border:2px solid #111827;border-radius:50%;background:#8b5cf6;inset:auto -12vw -23vw auto}.home-hero__copy{position:relative;z-index:1}.hero-tagline{display:inline-block;margin-bottom:22px;padding:7px 10px;border:1px solid #111827;background:#8b5cf6;font-size:13px;font-weight:800}.home-hero h1{max-width:9ch;margin-bottom:26px;font-size:clamp(4.5rem,11vw,11.5rem);text-transform:uppercase;line-height:var(--type-display-leading)}.hero-introduction,.hero-summary{max-width:52ch;font-size:clamp(1rem,1.3vw,1.18rem)}.hero-summary{font-weight:700}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button,.contact-action{min-height:48px;display:inline-flex;align-items:center;gap:14px;padding:12px 16px;border:2px solid #111827;text-decoration:none;font-weight:800}.button--signal,.contact-action{background:#111827;color:#fff}.button--quiet{background:#8b5cf6}.button i,.text-link i,.contact-action i{width:10px;height:10px;border-block-start:2px solid;border-inline-end:2px solid;transform:rotate(45deg)}.home-hero__visual{position:relative;align-self:stretch;min-height:400px;border:2px solid #111827;background:#8b5cf6;box-shadow:clamp(10px,2vw,26px) clamp(10px,2vw,26px) 0 #111827}.home-hero__media{width:100%;height:100%;aspect-ratio:19/10;display:grid;place-items:center}.home-hero__media__image{width:100%;height:100%;object-fit:contain}.highlight-strip{display:grid;grid-template-columns:repeat(3,1fr);border-block-end:2px solid #111827;background:#fff}.highlight-strip article{padding:24px var(--space);border-inline-end:2px solid #111827}.highlight-strip article:last-child{border:0}.highlight-strip strong{display:block;font:400 clamp(2rem,4vw,4rem)/var(--type-display-leading) Limelight,"Arial Black",Impact,"Noto Sans Arabic","Noto Sans CJK SC",sans-serif}.highlight-strip span{font-weight:700}.feature-workbench,.about-chapter,.service-stack,.product-grid,.case-stack,.credential-grid,.faq-list{padding:clamp(72px,10vw,150px) var(--space)}.feature-workbench{background:#8b5cf6}.feature-workbench>header,.chapter-heading,.contact-heading{max-width:var(--shell);margin:auto}.feature-workbench h2,.chapter-heading h2,.contact-heading h2,.page-heading h1{font-size:clamp(4.5rem,10vw,11rem);text-transform:uppercase;line-height:var(--type-display-leading)}.feature-workbench__grid{max-width:var(--shell);margin:54px auto 0;display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.feature-card{position:relative;grid-column:span 4;padding:20px;border:2px solid #111827;background:#fff}.feature-card:nth-child(3n+1){grid-column:span 8;background:#8b5cf6;color:#fff}.feature-card__media,.value-media,.collection-media,.case-media,.credential-media,.story-media,.history-media{aspect-ratio:1;display:grid;place-items:center;border:2px solid currentColor;background:#fff}.feature-card__media{margin:-22px -22px 22px}.feature-card__media__image,.value-media__image,.collection-media__image,.case-media__image,.credential-media__image,.story-media__image,.history-media__image{width:100%;height:100%;object-fit:contain}.feature-card h3,.value-grid h3{font-size:clamp(2rem,4vw,4.4rem);line-height:var(--type-display-leading)}.text-link{display:inline-flex;align-items:center;gap:14px;margin-top:18px;font-weight:800;text-decoration-thickness:2px}.about-chapter{background:#8b5cf6;color:#fff}.chapter-heading,.contact-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:30px}.chapter-heading p,.contact-heading p{align-self:end;font-size:18px}.story-layout{max-width:var(--shell);margin:70px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,7vw,120px);align-items:center}.story-layout--text-only,.story-layout--media-only{grid-template-columns:minmax(0,760px)}.story-copy{font-size:18px}.history-panel,.value-grid{max-width:var(--shell);margin:90px auto 0}.history-panel>h2{font-size:clamp(2rem,4vw,4rem);line-height:var(--type-display-leading)}.history-list{display:grid;grid-template-columns:repeat(2,1fr);border:2px solid currentColor}.history-list article{padding:22px;display:grid;grid-template-columns:130px 1fr;gap:18px;border-inline-end:2px solid currentColor;border-block-end:2px solid currentColor}.history-date{font-weight:800}.history-event{line-height:1.6}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.value-grid article{padding:20px;border:2px solid currentColor;background:#fff;color:#111827}.value-media{margin:-22px -22px 22px}.contact-chapter{padding:clamp(72px,10vw,150px) var(--space);background:#3b82f6}.contact-heading{max-width:var(--shell);margin:auto}.contact-media,.contact-method-media,.contact-method-avatar{aspect-ratio:1;display:grid;place-items:center;border:2px solid #111827;background:#fff}.contact-media{max-width:700px;margin:64px auto}.contact-media__image,.contact-method-media__image{width:100%;height:100%;object-fit:contain}.contact-details,.contact-methods,.contact-actions{max-width:var(--shell);margin:52px auto 0}.contact-details{border-block-start:2px solid #111827}.contact-details div{display:grid;grid-template-columns:170px 1fr;gap:24px;padding:20px 0;border-block-end:2px solid #111827}.contact-details dt{font-weight:800}.contact-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.contact-method-card{position:relative;min-width:0;display:grid;grid-template-columns:116px minmax(0,1fr);gap:18px;padding:18px;border:2px solid #111827;background:#fff;text-decoration:none}.contact-method-card__copy{padding-inline-end:22px}.contact-method-card__copy h3{font:800 20px/1.2 Limelight,Noto Sans,Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-method-card__copy>p{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}.contact-method-brand,.contact-method-card__affordance{position:absolute;inset:auto 18px 18px auto;width:20px;height:20px}.contact-method-brand{width:auto;max-width:80px}.contact-method-card__target{font-weight:800}.contact-actions{display:flex;flex-wrap:wrap;gap:12px}.contact-actions h3{width:100%;font-size:1.25rem}.page-heading{padding:clamp(100px,14vw,190px) var(--space) 70px;background:#8b5cf6;color:#fff}.page-heading p{max-width:60ch;font-size:18px}.service-stack,.case-stack{display:grid;gap:clamp(60px,9vw,130px);background:#fff}.service-stack article,.case-stack article{max-width:var(--shell);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,7vw,110px);align-items:center}.service-stack article:nth-child(2n) .collection-media{order:2}.service-stack h2,.product-grid h2,.case-stack h2,.credential-grid h2{font-size:clamp(3rem,6vw,7rem);line-height:var(--type-display-leading)}.product-grid,.credential-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;background:#8b5cf6}.product-grid article,.credential-grid article{padding:20px;border:2px solid #111827;background:#fff}.product-grid>a{display:block;text-decoration:none}.product-grid>a:nth-child(odd):last-child,.product-grid>article:nth-child(odd):last-child,.credential-grid>article:nth-child(odd):last-child{grid-column:1/-1}.product-grid .collection-media,.credential-media{margin:-22px -22px 22px}.case-stack dl{border-block-start:2px solid #111827}.case-stack dl div{padding:16px 0;border-block-end:2px solid #111827}.case-stack dd{margin:6px 0 0}.case-result{padding:16px;background:#8b5cf6;font-weight:800}.faq-list{background:#fff}.faq-list details,.faq-list>article{border-block-start:2px solid #111827}.faq-list summary{padding:26px 48px 26px 0;cursor:pointer;font-size:clamp(1.5rem,3vw,3rem);font-weight:800}.faq-list summary i{float:inline-end;width:12px;height:12px;border-inline-end:2px solid;border-block-end:2px solid;transform:rotate(45deg)}.faq-list details[open] summary i{transform:rotate(225deg)}.faq-list details>div{max-width:70ch;padding-bottom:26px;font-size:18px}.contact-callout{padding:80px var(--space);display:flex;justify-content:space-between;align-items:center;gap:22px;background:#111827;color:#fff}.contact-callout h2{margin:0;font-size:clamp(3rem,8vw,7rem);line-height:var(--type-display-leading)}.contact-callout .button{border-color:#8b5cf6;background:#8b5cf6;color:#111827}.site-footer{padding:72px var(--space) 26px;background:#111827;color:#fff}.footer-shell{max-width:var(--shell);margin:auto;display:grid;grid-template-columns:1.3fr 2fr 1fr;gap:40px}.footer-identity>p,.footer-meta{font-size:14px}.site-footer nav{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.site-footer nav a,.footer-action{color:#fff}.footer-meta{max-width:var(--shell);margin:60px auto 0;padding-top:20px;border-top:1px solid #fff}@media(hover:hover)and (pointer:fine){.button,.contact-action,.nav-link,.feature-card,.contact-method-card{transition:transform .16s cubic-bezier(.22,1,.36,1),background-color .16s ease,box-shadow .16s ease}.button:hover,.contact-action:hover{transform:translate(-3px,-3px);box-shadow:5px 5px #111827}.feature-card:hover,.contact-method-card[href]:hover{transform:rotate(-1deg) translateY(-4px);box-shadow:8px 8px #111827}}.reveal{opacity:1;transform:none}[data-motion-ready] .reveal{opacity:0;transform:translate3d(0,18px,0);transition:opacity .42s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1)}[data-motion-ready] .reveal.is-visible{opacity:1;transform:none}@media(max-width:900px){.desktop-nav{display:none}.header-shell{grid-template-columns:1fr auto}.menu-button{display:none}.mobile-menu{position:fixed;z-index:999;inset:72px 0 auto;padding:16px var(--space);display:block;background:#fff;border-block:2px solid #111827}[data-enhanced] .menu-button{display:block}[data-enhanced] .mobile-menu{opacity:0;pointer-events:none;transform:translateY(-10px);transition:transform .18s cubic-bezier(.22,1,.36,1),opacity .18s ease}[data-enhanced] .mobile-menu[data-open=true]{opacity:1;pointer-events:auto;transform:none}.mobile-link{display:block;padding:14px 0;border-block-end:1px solid #111827}.home-hero,.chapter-heading,.contact-heading,.story-layout,.service-stack article,.case-stack article{grid-template-columns:1fr}.home-hero__visual{min-height:300px}.feature-card,.feature-card:nth-child(3n+1){grid-column:span 6}.contact-methods,.value-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.header-shell{padding-inline:16px}.brand__name{max-width:43vw;font-size:12px}.language-menu summary{max-width:86px;overflow:hidden}.language-menu__panel{position:fixed;inset:64px 16px auto;width:auto}.home-hero{padding:36px 18px 50px}.home-hero__visual{min-height:220px}.highlight-strip{grid-template-columns:1fr}.highlight-strip article{border-inline-end:0;border-block-end:2px solid #111827}.feature-workbench__grid{grid-template-columns:1fr}.feature-card,.feature-card:nth-child(3n+1){grid-column:auto}.history-list,.value-grid,.contact-methods,.product-grid,.credential-grid{grid-template-columns:1fr}.history-list article{grid-template-columns:95px 1fr;border-inline-end:0}.contact-details div{grid-template-columns:1fr;gap:4px}.contact-method-card{grid-template-columns:88px minmax(0,1fr)}.contact-callout,.footer-shell{flex-direction:column;align-items:flex-start;grid-template-columns:1fr}.footer-shell{display:grid}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}[data-motion-ready] .reveal{opacity:1;transform:none}}.contact-method-card{isolation:isolate;grid-template-columns:6rem minmax(0,1fr);align-items:start;min-height:10rem;background:#fff;color:#111827}.contact-method-media,.contact-method-avatar{inline-size:6rem;block-size:6rem;background:transparent;border:0;box-shadow:none}.contact-method-card__copy{min-inline-size:0;padding-inline-end:3.25rem;padding-block-end:2.75rem}.contact-method-card__copy h3{min-inline-size:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-method-card__copy>p{overflow-wrap:anywhere}.contact-method-brand{inset-block:auto 18px;inset-inline:auto 18px;inline-size:auto;block-size:1.75rem;max-inline-size:6rem;object-fit:contain;object-position:center}.contact-method-card__affordance{inset-block:18px auto;inset-inline:auto 18px;inline-size:1.5rem;block-size:1.5rem}@media(max-width:620px){.contact-method-card{grid-template-columns:5.5rem minmax(0,1fr)}.contact-method-media,.contact-method-avatar{inline-size:5.5rem;block-size:5.5rem}}body{font-family:var(--art-body);font-synthesis:none}h1,h2,h3,h4{font-family:var(--art-display);font-synthesis:none}.hero-tagline,.nav-link,.mobile-link,.history-date,.contact-details dt{font-family:var(--art-mono)}.contact-method-card__copy h3{font-family:var(--art-display)}.feature-workbench,.about-chapter,.page-heading,.product-grid,.credential-grid{background:#ede9fe;color:#111827}.feature-card:nth-child(3n+1){background:#ede9fe;color:#111827}.home-hero,.contact-chapter{color:#111827}.hero-tagline,.button--quiet,.case-result,.contact-callout .button,.nav-link[aria-current=page],.language-menu__panel a[aria-current=true]{background:#ede9fe;color:#111827}.button--signal,.contact-action{background:#1d4ed8;color:#fff}.page-heading p,.about-chapter p{color:#111827}@media(max-width:620px){.home-hero__copy{width:calc(100vw - 36px);min-width:0;max-width:calc(100vw - 36px);overflow:hidden}.home-hero h1{max-width:100%;font-size:clamp(2.15rem,9.5vw,2.4rem);overflow-wrap:anywhere;text-wrap:wrap}.hero-tagline{display:block;width:100%;max-width:100%;font-size:.72rem;white-space:normal;overflow-wrap:anywhere}.hero-introduction,.hero-summary{width:100%;max-width:100%;font-size:.92rem;overflow-wrap:anywhere;word-break:break-word}}.home-hero>*,.home-hero__copy,.home-hero__visual,.feature-card>div,.highlight-strip article{min-width:0}.home-hero__visual{max-width:100%}.highlight-strip{grid-template-columns:repeat(3,minmax(0,1fr))}h1,h2,h3,h4,.highlight-strip strong{overflow-wrap:anywhere;word-break:break-word;text-wrap:wrap}@media(max-width:900px){.highlight-strip{grid-template-columns:1fr}.highlight-strip article{border-inline-end:0;border-block-end:2px solid #111827}}@media(max-width:620px){.feature-workbench h2,.chapter-heading h2,.contact-heading h2,.page-heading h1{font-size:clamp(2.4rem,12vw,3.25rem)}}html{overflow-x:clip}.language-menu:not([open])>.language-menu__panel{display:none}.language-menu__panel{max-inline-size:calc(100vw - 32px);max-block-size:calc(100svh - 80px);overflow:auto;box-sizing:border-box}.faq-list details:not([open])>div{display:none}.faq-list details[open]>div{display:block}.contact-callout{margin-block-end:48px}.nav-link,.mobile-link,.language-menu summary,.language-menu__panel a{font-size:16px}.footer-index__column>a,.footer-action{font-size:16px}.home-hero h1,.page-heading h1{margin-block-end:32px}.product-grid--single{grid-template-columns:minmax(0,1fr)}.product-grid--single>article,.product-grid--single>a>article{display:grid;grid-template-columns:minmax(0,480px) minmax(0,1fr);align-items:center;gap:32px;min-height:0}.product-grid--single .collection-media{width:100%;max-inline-size:480px;margin-block:-22px;margin-inline-start:-22px;margin-inline-end:0}@media(max-width:900px){.product-grid--single>article,.product-grid--single>a>article{grid-template-columns:minmax(0,1fr);gap:24px}.product-grid--single .collection-media{max-inline-size:none;margin-block-start:-22px;margin-inline:-22px;margin-block-end:22px}}@media(max-width:620px){.language-menu__panel{inset-inline:16px;width:auto}.feature-workbench__grid{grid-template-columns:minmax(0,1fr);width:100%;max-width:100%;min-width:0}.feature-card{width:100%;max-width:100%;min-width:0}.feature-workbench h2{overflow-wrap:anywhere!important;word-break:break-word!important}}body:has(.demo-banner) .site-header{inset-block-start:42px}.demo-banner{position:fixed;z-index:1000;inset-block-end:max(12px,env(safe-area-inset-bottom));inset-inline-end:0;inline-size:fit-content;max-inline-size:min(680px,calc(100vw - 12px));min-block-size:44px;display:flex;align-items:center;justify-content:flex-start;border:0;border-radius:8px 0 0 8px;background:#b72f24;color:#fff;box-shadow:inset 0 0 0 1px #ffffff5c,0 10px 30px #370b0747;font-size:12px;font-weight:800;line-height:1.35;text-align:start;transition:transform .22s cubic-bezier(.25,1,.5,1)}[dir=rtl] .demo-banner{border-radius:0 8px 8px 0}.demo-banner[data-collapsed=true]{transform:translate(calc(100% - 44px))}[dir=rtl] .demo-banner[data-collapsed=true]{transform:translate(calc(-100% + 44px))}.platform-notice__toggle{flex:0 0 44px;inline-size:44px;align-self:stretch;block-size:auto;min-block-size:44px;display:grid;place-items:center;padding:0;border:0;border-inline-end:1px solid rgba(255,255,255,.28);background:transparent;color:inherit;cursor:pointer;touch-action:manipulation}[dir=rtl] .platform-notice__toggle{border-inline-end:0;border-inline-start:1px solid rgba(255,255,255,.28)}.platform-notice__toggle:hover{background:#ffffff1f}.platform-notice__toggle:active{background:#0000001f}.platform-notice__toggle:focus-visible{outline:3px solid #fff;outline-offset:-4px}.platform-notice__toggle svg{display:block;transform:rotate(180deg);transition:transform .22s cubic-bezier(.25,1,.5,1)}[dir=rtl] .platform-notice__toggle svg{transform:none}.demo-banner[data-collapsed=true] .platform-notice__toggle svg{transform:none}[dir=rtl] .demo-banner[data-collapsed=true] .platform-notice__toggle svg{transform:rotate(180deg)}.platform-notice__content{min-inline-size:0;display:flex;align-items:center;gap:10px;padding:10px 12px}.demo-banner__text,.demo-banner time{display:inline;min-inline-size:0;white-space:normal;overflow-wrap:normal;word-break:normal}@media(max-width:430px){.demo-banner{inset-block-end:max(8px,env(safe-area-inset-bottom));max-inline-size:calc(100vw - 8px);font-size:11px}.platform-notice__content{flex-wrap:wrap;gap:4px 8px;padding:8px 10px}}@media(prefers-reduced-motion:reduce){.demo-banner,.platform-notice__toggle svg{transition:none}}.demo-banner .platform-notice__content{align-self:stretch;flex-wrap:nowrap;gap:0;padding:0}.demo-banner__return{display:flex;min-block-size:44px;min-inline-size:0;align-items:center;padding:9px 13px;color:inherit;font-weight:900;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;white-space:normal;touch-action:manipulation}.demo-banner__return:hover{text-decoration-thickness:2px}.demo-banner__return:active{opacity:.78}.demo-banner__return:focus-visible{outline:3px solid #fff;outline-offset:-4px}.demo-share{position:relative;display:flex;flex:0 0 44px;align-self:stretch}.demo-share__toggle{display:grid;inline-size:44px;min-block-size:44px;align-self:stretch;padding:0;place-items:center;border:0;border-inline-start:1px solid rgba(255,255,255,.28);background:transparent;color:inherit;cursor:pointer;touch-action:manipulation}[dir=rtl] .demo-share__toggle{border-inline-start:0;border-inline-end:1px solid rgba(255,255,255,.28)}.demo-share__toggle:hover{background:#ffffff1f}.demo-share__toggle:active{background:#0000001f}.demo-share__toggle:focus-visible{outline:3px solid #fff;outline-offset:-4px}.demo-share svg{display:block;inline-size:22px;block-size:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.demo-share__popover{position:absolute;inset-block-end:calc(100% + 10px);inset-inline-end:0;min-inline-size:176px;padding:10px;border:1px solid #282421;border-radius:8px;background:#fff;color:#282421;box-shadow:0 12px 32px #1f0e0a3d}.demo-share__popover[hidden]{display:none}.demo-share__popover:after{position:absolute;inset-block-start:100%;inset-inline-end:15px;inline-size:10px;block-size:10px;border-inline-end:1px solid #282421;border-block-end:1px solid #282421;background:#fff;content:"";transform:translateY(-5px) rotate(45deg)}.demo-share__title{display:block;padding:2px 4px 8px;font-size:12px;font-weight:800;white-space:nowrap}.demo-share__actions{display:flex;gap:8px}.demo-share__actions a{position:relative;z-index:1;display:grid;inline-size:44px;block-size:44px;place-items:center;border:1px solid #b9b4af;border-radius:6px;background:#fff;color:#282421;text-decoration:none;touch-action:manipulation}.demo-share__actions a:hover{border-color:#b72f24;color:#b72f24}.demo-share__actions a:focus-visible{outline:3px solid #b72f24;outline-offset:2px}.demo-share__sr{position:absolute!important;inline-size:1px!important;block-size:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(max-width:430px){.demo-banner__return{padding:8px 10px}.demo-share__popover{inset-inline-end:2px}}