body.cr-public-site[data-page=examples]{--ex-paper:#f6efe3;--ex-sand:#e8dac7;--ex-card:#fffaf1;--ex-ink:#3d2b21;--ex-muted:#705a49;--ex-rule:#cebaa3;--ex-chestnut:#513b2e;--ex-accent:#80552e;color:var(--ex-ink);background:var(--ex-paper)}body.cr-public-site[data-page=examples] #footer-placeholder .public-footer,body.cr-public-site[data-page=examples] #navbar,body.cr-public-site[data-page=examples] .public-nav-menu{background:#443125!important}body.cr-public-site[data-page=examples] #footer-placeholder{--cr-site-dim:#dccbb7;--cr-site-muted:#dccbb7}.examples-page .examples-shell{width:min(80rem,calc(100% - clamp(2rem,10vw,8.8rem)))}.examples-page picture>source{display:none}.examples-page .examples-kicker{color:var(--ex-accent);font-size:.8rem;line-height:1.5;letter-spacing:.06em}.examples-page :is(.examples-section-heading h2,.examples-demo__intro h2,.examples-hosting__copy h2,.examples-cta h2){color:var(--ex-ink);font-family:"Playfair Display",Georgia,serif;font-size:clamp(2rem, 3.6vw, 3.2rem);line-height:1.15;letter-spacing:-.035em;overflow-wrap:anywhere;hyphens:auto}.examples-page .examples-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(2rem,4vw,4rem);min-height:0;padding:clamp(7rem,10vw,9rem) max(clamp(1rem,5vw,4.4rem),calc((100% - 80rem)/ 2)) 4rem;border:0;background:var(--ex-paper)}.examples-page .examples-hero__image{position:relative;inset:auto;grid-column:2;grid-row:1;width:100%;height:auto;aspect-ratio:4/3;object-position:65% center;border-radius:4rem 1.5rem 4rem 1.5rem;filter:none;background:var(--ex-sand)}.examples-page .examples-hero__veil{display:none}.examples-page .examples-hero__content{grid-column:1;grid-row:1;min-width:0;width:auto;margin:0;padding:0}.examples-page .examples-hero h1{color:var(--ex-ink);font-family:"Playfair Display",Georgia,serif;font-size:clamp(2.5rem, 4.2vw, 4.25rem);line-height:1.12;letter-spacing:-.04em;overflow-wrap:anywhere;hyphens:auto}.examples-page .examples-hero h1 span{display:block;color:inherit}.examples-page .examples-hero__lead{color:var(--ex-muted);font-size:1.05rem}.examples-page .examples-hero__actions{gap:1rem}.examples-page .examples-button{min-height:50px;padding:.85rem 1.25rem;box-shadow:none}.examples-page .examples-hero .examples-button{min-width:0;white-space:normal;text-align:center}.examples-page .examples-button--primary{color:#302015;background:#d9ad58}.examples-page .examples-button--secondary{color:var(--ex-ink);border-color:var(--ex-rule);background:0 0}.examples-page .examples-button--secondary:hover{border-color:var(--ex-chestnut);background:var(--ex-sand)}.examples-page .examples-hero__facts{gap:.7rem 1.5rem;margin-top:2rem;color:var(--ex-muted);border-color:var(--ex-rule);line-height:1.5}.examples-page .examples-hero__facts .material-symbols-outlined{color:var(--ex-accent)}.examples-page .examples-journey{padding:3rem 0;border-color:var(--ex-rule);background:var(--ex-sand)}.examples-page .examples-journey .examples-shell{margin-bottom:0;padding:0;transform:none;border:0;border-radius:0;background:0 0;box-shadow:none}.examples-page .examples-journey .examples-shell::before{display:none}.examples-page .journey-rail{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:1.5rem;border-color:var(--ex-rule)}.examples-page .journey-rail li{min-height:0;gap:.6rem .85rem;padding:0;border:0}.examples-page .journey-rail li>span{color:var(--ex-chestnut);border-color:#aa8a64;background:0 0;box-shadow:none}.examples-page .journey-rail strong{color:var(--ex-ink);font-size:.95rem}.examples-page .journey-rail small{color:var(--ex-muted);font-size:.85rem}.examples-page :is(.examples-demo,.examples-hosting,.examples-cta){padding-block:clamp(3.5rem,6vw,6rem);border-color:var(--ex-rule);background:var(--ex-paper);box-shadow:none}.examples-page :is(.examples-demo__intro,.examples-hosting__intro,.examples-cta__intro){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,25rem),1fr));align-items:end;gap:1.5rem 4rem;margin-bottom:2rem}.examples-page :is(.examples-demo__intro > p,.examples-hosting__note > p,.examples-cta__intro > p){max-width:52ch;color:var(--ex-muted);font-size:1rem;line-height:1.7}.examples-page .examples-format-switch{grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:.75rem;padding:0;border:0;border-radius:0;background:0 0;box-shadow:none}.examples-page .examples-format-switch>button{min-height:82px;padding:1rem;color:var(--ex-muted);border:1px solid var(--ex-rule);border-radius:.75rem;background:var(--ex-card);box-shadow:none}.examples-page .examples-format-switch>button:hover{color:var(--ex-ink);border-color:#a08564;background:#f0e3ce}.examples-page .examples-format-switch>button.is-active{color:var(--ex-ink);border-color:var(--ex-chestnut);background:var(--ex-sand);box-shadow:inset 0 -3px 0 var(--ex-chestnut)}.examples-page .examples-format-switch>button.is-active .examples-format-switch__icon,.examples-page .examples-format-switch__icon{color:var(--ex-accent);border-color:#cfb895;background:0 0}.examples-page .examples-format-switch strong{font-size:1.15rem}.examples-page .examples-format-switch small,.examples-page .examples-format-switch>button.is-active small{color:var(--ex-muted);font-size:.8rem}.examples-page .examples-demo__note{align-items:flex-start;color:var(--ex-muted);font-size:.8125rem;line-height:1.6;text-align:left}.examples-page .examples-demo__note .material-symbols-outlined{color:var(--ex-accent);flex-shrink:0}.examples-page .interactive-app-demo{border-color:#bfa88a;border-radius:1rem;background:var(--ex-sand);box-shadow:0 1rem 2.5rem #513b2e12}.examples-page .interactive-app-demo__toolbar{gap:1rem;padding:1rem;color:var(--ex-ink);border-color:var(--ex-rule);background:var(--ex-card)}.examples-page .interactive-app-demo__status strong{color:var(--ex-ink);font-size:.85rem;white-space:normal}.examples-page .interactive-app-demo__status>.material-symbols-outlined{color:var(--ex-accent)}.examples-page .demo-control-group__label{color:var(--ex-muted);font-size:.6875rem;line-height:1.4}.examples-page :is(.demo-perspective-switch,.demo-device-switch){border-color:var(--ex-rule);background:var(--ex-paper)}.examples-page :is(.demo-perspective-switch,.demo-device-switch) button{min-height:40px;color:var(--ex-muted);font-size:.8rem}.examples-page :is(.demo-perspective-switch,.demo-device-switch) button.is-active{color:var(--ex-card);background:var(--ex-chestnut);box-shadow:none}.examples-page .demo-palette-menu summary{min-height:44px;color:var(--ex-ink);border-color:var(--ex-rule);background:var(--ex-paper);font-size:.8rem}.examples-page .demo-palette-menu summary .material-symbols-outlined{color:var(--ex-accent)}.examples-page .demo-palette-menu[open] summary{border-color:var(--ex-chestnut)}.examples-page .demo-story-rail{border-color:var(--ex-rule);background:var(--ex-card)}.examples-page .demo-story-rail button{border-right-color:var(--ex-rule)}.examples-page .demo-story-rail button strong,.examples-page .demo-story-rail button>span{color:var(--ex-muted);font-size:.8rem}.examples-page .demo-story-rail button strong{white-space:normal;overflow-wrap:anywhere}.examples-page .demo-story-rail button:hover{background:var(--ex-paper)}.examples-page .demo-story-rail button.is-active{border-bottom-color:var(--ex-chestnut);background:var(--ex-sand)}.examples-page .demo-story-rail button.is-active strong,.examples-page .demo-story-rail button.is-active>span{color:var(--ex-ink)}.examples-page .interactive-app-demo__stage{background:var(--ex-sand)}.examples-page .demo-app-frame{box-shadow:0 .8rem 2rem #513b2e24}.examples-page .examples-format-panel--pdf{padding:1.5rem;color:var(--ex-ink);border-color:var(--ex-rule);border-radius:1rem;background:var(--ex-sand);box-shadow:none}.examples-page .pdf-layout{gap:2rem}.examples-page .pdf-copy{padding:1.5rem;border:0;background:0 0;box-shadow:none}.examples-page .pdf-benefits,.examples-page .pdf-copy>p:not(.examples-kicker){color:var(--ex-muted)}.examples-page .pdf-case-summary{color:var(--ex-ink);border-color:var(--ex-rule);background:var(--ex-card)}.examples-page .pdf-benefits .material-symbols-outlined,.examples-page .pdf-case-summary span{color:var(--ex-accent)}.examples-page .pdf-viewer{border-color:#bfa88a;background:var(--ex-card);box-shadow:0 .8rem 2rem #513b2e12}.examples-page :is(.pdf-viewer__toolbar,.pdf-page-tabs,.pdf-viewer__controls,.pdf-viewer__context){color:var(--ex-ink);border-color:var(--ex-rule);background:var(--ex-card)}.examples-page .pdf-viewer__page{background:#d8c7ae}.examples-page .pdf-page-tabs button{min-height:44px;color:var(--ex-muted);border-color:var(--ex-rule);font-size:.8rem}.examples-page .pdf-page-tabs button.is-active{color:var(--ex-ink);background:var(--ex-sand);box-shadow:inset 0 -2px 0 var(--ex-chestnut)}.examples-page .pdf-page-tabs button:hover{color:var(--ex-ink);background:var(--ex-paper)}.examples-page :is(.pdf-viewer__toolbar,.pdf-viewer__context) .material-symbols-outlined{color:var(--ex-accent)}.examples-page .pdf-viewer__controls>button,.examples-page .pdf-viewer__tools button{min-width:44px;min-height:44px;color:var(--ex-ink);border-color:var(--ex-rule);background:0 0}.examples-page .pdf-viewer__controls>span{color:var(--ex-muted);font-size:.8rem}.examples-page .pdf-viewer__context p{color:var(--ex-muted);font-size:.85rem}.examples-page .preview-dialog .examples-kicker{color:var(--examples-gold)}.examples-page .examples-moments{border:0;background:var(--ex-chestnut)}.examples-page .examples-hosting::before,.examples-page .examples-moments::after{display:none}.examples-page .examples-moments .examples-kicker{color:#e8bd77}.examples-page .examples-moments__intro h2{color:var(--ex-paper);font-family:"Playfair Display",Georgia,serif;font-size:clamp(2rem, 3.6vw, 3.2rem);line-height:1.15}.examples-page .examples-moments__intro>p,.examples-page .examples-moments__note{color:#e5d5c4}.examples-page .examples-moments__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,26rem),1fr));gap:2rem}.examples-page .examples-moments__grid figure{border-color:#856b52;border-radius:1.5rem .75rem 1.5rem .75rem;background:#604936;box-shadow:none}.examples-page .examples-moments__grid img{filter:none}.examples-page .examples-moments__grid p{color:#eee0d0;font-size:.95rem}.examples-page .examples-moments__grid .creation-image-label{color:#dcc8b2;font-size:.75rem}.examples-page .examples-moments__grid figcaption>span{color:#f0cf9b;border-color:#b28c5c}.examples-page .examples-hosting__sprig{color:var(--ex-accent);opacity:1}.examples-page .hosting-recipe{border-color:var(--ex-rule);border-radius:1.5rem .75rem 1.5rem .75rem;background:var(--ex-card);box-shadow:0 1rem 2.5rem #513b2e0d}.examples-page .hosting-recipe__content{padding:clamp(1.25rem,3vw,2.5rem)}.examples-page .recipe-card__head>div{min-width:0}.examples-page :is(.recipe-card__head strong,.recipe-card__courses strong){overflow-wrap:anywhere;hyphens:auto}.examples-page .recipe-card__courses small{color:var(--ex-muted);font-size:.85rem}.examples-page .recipe-card__tip p{font-size:.85rem}.examples-page .examples-proof{padding-block:2.5rem;background:var(--ex-sand)}.examples-page .examples-proof__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:1.5rem}.examples-page .examples-proof article{grid-template-columns:32px minmax(0,1fr);padding:0;border:0;border-radius:0;background:0 0;box-shadow:none}.examples-page .examples-proof .cri-icon{color:var(--ex-accent)}.examples-page .examples-proof strong{color:var(--ex-ink);font-size:1.05rem;overflow-wrap:anywhere;hyphens:auto}.examples-page .examples-proof p{color:var(--ex-muted);font-size:.85rem}.examples-page .examples-cta__split{grid-template-columns:repeat(auto-fit,minmax(min(100%,26rem),1fr));gap:1.5rem;min-height:0;overflow:visible;border:0;background:0 0;box-shadow:none}.examples-page .examples-cta__path{min-height:0;grid-template-columns:minmax(0,1fr);padding:2rem;color:var(--ex-ink);border:1px solid var(--ex-rule);border-radius:1.25rem 2.5rem 1.25rem 1.25rem;background:var(--ex-card)}.examples-page .examples-cta__path>*{min-width:0}.examples-page .examples-cta__path--create{background:var(--ex-sand)}.examples-page .examples-cta__path-copy small,.examples-page .examples-cta__topline{color:var(--ex-muted);font-size:.8rem}.examples-page .examples-cta__topline{color:var(--ex-accent);line-height:1.5;letter-spacing:.06em}.examples-page .examples-cta__path-footer{border-color:var(--ex-rule)}.examples-page .examples-cta__path-copy strong{overflow-wrap:anywhere;hyphens:auto}.examples-page .examples-cta__path-arrow{box-shadow:none}.examples-page .examples-cta__catalog-visual::after{background:var(--ex-rule);box-shadow:none}.examples-page .examples-cta__character-visual::before{border-color:#ae9475;box-shadow:none}.examples-page .examples-cta__portrait{border-color:#b39a7c;background:var(--ex-chestnut);box-shadow:0 .8rem 1.5rem #513b2e26}.examples-page .examples-cta__portrait small{color:var(--ex-paper);background:var(--ex-chestnut)}.examples-page .examples-cta__cover{box-shadow:0 .8rem 1.5rem #513b2e33}body.cr-public-site[data-page=examples] :is(.examples-hero,.examples-journey,.examples-experience,.examples-hosting,.examples-cta) :is(a,button,summary):focus-visible{outline:3px solid var(--ex-chestnut)!important;outline-offset:4px!important}body.cr-public-site[data-page=examples] :is(.demo-app-frame,.demo-palette-menu__popover) :is(a,button,summary):focus-visible{outline-color:var(--examples-gold-light)!important}@media (max-width:1000px){.examples-page .examples-hero{grid-template-columns:minmax(0,1fr);gap:2rem}.examples-page .examples-hero__image{grid-column:1;grid-row:2;aspect-ratio:16/9}.examples-page .examples-hero__content{max-width:48rem}.examples-page .examples-hero h1{max-width:38rem}.examples-page .examples-hero__lead{max-width:42rem}.examples-page .examples-moments__intro{grid-template-columns:1fr;gap:1.25rem}}@media (max-width:680px){body.cr-public-site[data-page=examples] #navbar>div{padding-inline:16px}body.cr-public-site[data-page=examples] #navbar .public-nav-shell{min-height:72px!important;gap:8px!important}body.cr-public-site[data-page=examples] #navbar .public-nav-actions{gap:8px!important}body.cr-public-site[data-page=examples] #navbar .public-nav-icon-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}.examples-page .examples-shell{width:calc(100% - 32px)}.examples-page .examples-hero{padding:7rem 16px 2.5rem}.examples-page .examples-hero__content{width:100%}.examples-page .examples-hero__image{border-radius:2.5rem 1rem 2.5rem 1rem}.examples-page .examples-hero__actions{flex-direction:column;align-items:stretch}.examples-page .examples-hero__facts{flex-direction:column;gap:.65rem}.examples-page .examples-format-switch{gap:.5rem}.examples-page .examples-format-switch>button{grid-template-columns:minmax(0,1fr);gap:.6rem;align-content:start;padding:.85rem}.examples-page .examples-format-switch strong{font-size:1rem}.examples-page .examples-format-switch small{font-size:.75rem}.examples-page .interactive-app-demo__toolbar{grid-template-columns:minmax(0,1fr)}.examples-page .interactive-app-demo__control-deck{display:flex;flex-wrap:wrap;justify-content:flex-start}.examples-page .interactive-app-demo__tools{justify-self:start}.examples-page .demo-perspective-switch button{min-height:44px}.examples-page .demo-palette-menu__popover{right:auto;left:0;width:min(310px,calc(100vw - 4.5rem))}.examples-page .examples-format-panel--pdf{padding:0}.examples-page .pdf-copy{padding:1rem}.examples-page .hosting-recipe__content{padding:20px}.examples-page .recipe-card__courses article{grid-template-columns:minmax(0,1fr)}.examples-page .recipe-card__courses small{grid-column:1}.examples-page .examples-cta__path{padding:1.25rem}}@media (min-width:681px) and (max-width:1000px){.examples-page .demo-story-rail{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));overflow:visible}}@media (prefers-reduced-motion:reduce){.examples-page :is(.examples-button,.examples-format-switch > button,.examples-cta__cover,.examples-cta__portrait,.examples-cta__path-arrow){transition:none}.examples-page .examples-button:hover{transform:none}}