.examples-dialog{box-sizing:border-box;padding:0;border:0;border-radius:12px;color:#243f3c;background:#f4f3ec;font-family:Hanken Grotesk Variable,sans-serif;font-synthesis:none;box-shadow:0 24px 80px #163a3055}.examples-dialog *,.examples-dialog *:before,.examples-dialog *:after{box-sizing:border-box}.examples-dialog::backdrop{background:#172e2ab8}.examples-dialog a{color:inherit;text-underline-offset:.2em}.examples-dialog :focus-visible{outline:3px solid #356b62;outline-offset:4px}.examples-dialog h2,.examples-dialog p{margin:0}.examples-picker{width:min(890px,calc(100% - 40px));max-height:calc(100svh - 48px);padding:36px;overflow-y:auto;overscroll-behavior:contain}.examples-picker-heading{display:flex;justify-content:space-between;align-items:start;gap:20px}.examples-picker h2{font-family:"Source Serif 4 Variable",Georgia,serif;font-weight:450;font-size:clamp(28px,3vw,40px);line-height:1.08;letter-spacing:-.03em}.examples-close{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border:0;border-radius:50%;color:#243f3c;background:#dce6db;cursor:pointer}.examples-close:hover{background:#c5d8c7}.examples-picker>p{max-width:66ch;margin-top:16px;color:#526b64;font-size:16px;line-height:1.6}.examples-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}.example-option{display:flex;flex-direction:column;gap:10px;padding:16px 18px 20px;border-radius:12px;text-decoration:none;box-shadow:0 7px 18px #243f3c1c;transition:transform .2s ease-out,box-shadow .2s ease-out}.example-option-salon{background:#dde1d4}.example-option-cafe{background:#f4e5ce}.example-option-coffee{background:#edce75}.example-option:hover{transform:translateY(-3px);box-shadow:0 12px 24px #243f3c28}.example-object{display:grid;position:relative;place-items:center;width:100%;height:176px}.example-object canvas{display:block;width:100%;height:100%;object-fit:contain;visibility:hidden}.example-object-fallback{position:absolute;inset:0;margin:auto;width:64px;height:64px}.example-object[data-ready] canvas{visibility:visible}.example-object[data-ready] .example-object-fallback{display:none}.example-object-salon{color:#3c4c3c}.example-object-cafe{color:#a43e2b}.example-object-coffee{color:#352719}.example-brand{display:flex;align-items:center;justify-content:center;min-height:148px;padding:20px;color:#fbf1df;background:var(--example-brand-colour);font-family:"Source Serif 4 Variable",Georgia,serif;font-size:31px;line-height:1;text-align:center;transition:transform .2s ease-out}.example-option-cafe .example-brand{font-family:Hanken Grotesk Variable,sans-serif;font-size:34px;font-weight:750;letter-spacing:-.04em}.example-option-coffee .example-brand{font-size:39px;letter-spacing:-.03em}.example-option:hover .example-brand{transform:translateY(-3px)}.example-category{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:19px;font-weight:650}.examples-picker .examples-note{margin-top:26px;padding-top:18px;border-top:1px solid #becfc4;font-size:13px}.example-viewer{width:min(1520px,calc(100% - 64px));max-width:none;height:calc(100svh - 64px);max-height:none;overflow:hidden}.example-viewer[open]{display:flex;flex-direction:column}.example-viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:0 0 auto;padding:10px 16px 10px 24px;border-bottom:1px solid #becfc4}.example-viewer-toolbar>div{margin-right:auto}.example-viewer-toolbar h2{font-size:16px;line-height:1.3;font-weight:650}.example-viewer-toolbar span{color:#526b64;font-size:12px}.example-viewer-content{position:relative;flex:1;min-height:0;background:#fbfcf7}.example-loading{position:absolute;inset:40px 24px auto;text-align:center;color:#526b64}#example-frame-mount{position:absolute;inset:0}#example-frame-mount iframe{display:block;width:100%;height:100%;border:0;background:#fbfcf7;opacity:0}.example-viewer[data-loaded] #example-frame-mount iframe{opacity:1}.example-viewer[data-loaded] .example-loading{display:none}html[data-examples-open]{overflow:hidden}html{scrollbar-gutter:stable}@media (max-width: 650px){.examples-picker{width:calc(100% - 28px);max-height:calc(100svh - 32px);padding:22px}.examples-options{grid-template-columns:1fr;gap:20px}.example-option{display:grid;grid-template-columns:116px 1fr;align-items:center;column-gap:16px;padding:8px 16px 8px 8px;min-height:126px}.example-object{height:108px}.example-brand{grid-row:span 2;min-height:102px;padding:10px;font-size:23px}.example-option-cafe .example-brand{font-size:24px}.example-option-coffee .example-brand{font-size:25px}.example-category{font-size:19px}.example-viewer{width:calc(100% - 16px);height:calc(100svh - 24px);border-radius:8px}.example-viewer-toolbar{padding:8px 10px 8px 14px;gap:8px}.example-viewer-toolbar h2{font-size:14px}}@media (prefers-reduced-motion: reduce){.example-brand,.example-option{transition:none}}