/* Scene-only styling: the site chrome retains the paper/ink/vermilion palette. */
.scene{--scene-gap:16px;--scene-corner:20px;--scene-accent:#526047;--scene-on-accent:#fffaf0;--scene-heading:32px;--scene-font:18px;--scene-space:22px;width:100%;max-width:560px;min-width:0;container-type:inline-size;color:#363e32}
.scene [hidden]{display:none!important}.scene *{box-sizing:border-box;min-width:0}.scene-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 12px}.scene-caption,.scene-index{font-size:14px;line-height:1.5;color:#736953}.scene-index{font-family:var(--script);font-size:17px;color:#9c6441}
.scene-canvas{position:relative;isolation:isolate;display:grid;gap:var(--scene-gap);padding:22px;border:1px solid #c8b99a;border-radius:var(--scene-corner);background:#fffaf0;overflow:hidden;font-size:var(--scene-font);line-height:1.5}.scene-canvas:empty{display:none}.scene-title{font-family:var(--notes);font-size:var(--scene-heading);font-weight:500;line-height:1.22;margin:0;overflow-wrap:anywhere;hyphens:auto}.scene-text{font-size:inherit;line-height:1.65;margin:0;color:inherit;overflow-wrap:anywhere}.scene-footnote{font-size:14px!important;color:#736953!important;line-height:1.6}.scene-note{font-size:14px;line-height:1.7;color:#736953;margin:12px 0 0}.scene-overline{font-size:14px;letter-spacing:.04em;color:inherit;opacity:.78}.scene-label{font-size:16px;line-height:1.5;display:block}.scene-status{font-size:16px;line-height:1.6;margin:0;min-height:1.6em;overflow-wrap:anywhere;color:inherit}
.scene-button{font:inherit;font-size:17px;line-height:1.3;background:var(--scene-accent);color:var(--scene-on-accent);padding:11px 16px;border:1px solid var(--scene-accent);border-radius:var(--scene-corner);text-align:center;width:fit-content;max-width:100%;overflow-wrap:anywhere;cursor:pointer;transition:background .16s,color .16s;box-shadow:none}.scene-button:disabled{opacity:.6;cursor:default}.scene-button:focus-visible,.scene input:focus-visible,.scene textarea:focus-visible,.scene summary:focus-visible,.scene a:focus-visible,.scene-heatmap button:focus-visible{outline:3px solid #b5452e;outline-offset:3px}.scene-button[aria-pressed=true]{background:#b5452e;border-color:#b5452e;color:#fffaf0}.scene-tabs,.scene-controls{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.scene-tabs .scene-button{font-size:16px;padding:9px 12px;flex:1;background:#f4ecd9;color:#363e32;border-color:#c8b99a;border-radius:9px}.scene-tabs .scene-button[aria-pressed=true]{background:#526047;color:#fffaf0;border-color:#526047}
.scene input:not([type=checkbox]),.scene textarea{display:block;width:100%;max-width:100%;min-width:0;background:#fffaf0;color:#363e32;border:1px solid #ad9c7e;border-radius:10px;padding:10px 12px;font:inherit;font-size:17px;line-height:1.5}.scene textarea{min-height:82px;resize:vertical}.scene-leaf{width:86px;height:86px;overflow:visible}.scene-growth{height:10px;background:#e5dcc7;border-radius:10px;overflow:hidden}.scene-growth>i{display:block;height:100%;border-radius:inherit;background:var(--scene-accent);transition:width .24s ease-out}.scene-metric{border:1px solid #cfbda0;padding:12px;border-radius:12px;background:#f4ecd977}.scene-metric strong{display:block;font-size:26px;font-weight:500;line-height:1.4}.scene-metric .scene-label{font-size:14px;margin-bottom:4px}.scene-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--scene-gap)}
/* Organic leaves, curved windows and care state. */
.scene-organic-biophilic .scene-canvas{grid-template-columns:1fr 1.15fr;background:#ecebdc;padding:16px;align-items:stretch}.scene-organic-art{position:relative;min-height:250px;background:var(--scene-accent);border-radius:110px 110px var(--scene-corner) var(--scene-corner);display:grid;place-items:center;overflow:hidden}.scene-organic-art:before,.scene-organic-art:after{content:'';position:absolute;width:220px;height:120px;border:1px solid #f4ecd940;border-radius:50%;bottom:-45px;left:-50px;transform:rotate(-18deg)}.scene-organic-art:after{left:30px;bottom:-70px}.scene-organic-art .scene-leaf{width:120px;height:120px;filter:drop-shadow(0 9px 18px #10191035);transform:rotate(-22deg);position:relative;z-index:1}.scene-sun{position:absolute;top:30px;right:25px;width:46px;height:46px;background:#f4ead4;border-radius:50%}.scene-organic-caption{position:absolute;bottom:20px;text-align:center;color:var(--scene-on-accent);font-size:16px}.scene-organic-info{display:grid;align-content:center;gap:var(--scene-gap);padding:12px}.scene-organic-info .scene-title{font-family:var(--brush);font-size:36px}.scene-organic-info .scene-button{border-radius:100px}
/* Actual backdrop blur and a separate pointer lens. */
.scene-glassmorphism .scene-canvas,.scene-liquid-glass .scene-canvas{padding:14px;background:#f0e3c8}.scene-glass-backdrop{position:relative;min-height:292px;display:grid;align-items:center;padding:35px 18px;overflow:hidden;border-radius:var(--scene-corner)}.scene-color-orb{position:absolute;border-radius:50%;width:170px;height:170px;background:#a7b79b;left:-10px;top:0;filter:blur(1px)}.scene-color-orb.orb-1{background:#d79a78;left:auto;right:-15px;top:98px}.scene-color-orb.orb-2{width:110px;height:110px;background:#d6ba77;top:auto;bottom:-10px;left:28%}.scene-glass-surface{position:relative;z-index:1;display:grid;gap:16px;width:100%;padding:24px;border:1px solid #fff9e9;border-radius:var(--scene-corner);background:#fffaf047;backdrop-filter:blur(var(--scene-blur,12px)) saturate(1.15);box-shadow:0 18px 35px #52604718}.scene-glass-surface.unfrosted{backdrop-filter:none;background:#fffaf020}.scene-glass-lens{position:absolute;pointer-events:none;z-index:2;left:55%;top:42%;width:104px;height:104px;border:1px solid #fff8dcaa;border-radius:50%;background:#fffaf02b;backdrop-filter:blur(var(--scene-blur,8px)) saturate(1.5) contrast(1.12);box-shadow:inset 4px 4px 12px #fffaf060,3px 12px 24px #3e453526}.scene-glass-lens:before{content:'';position:absolute;inset:4px;border-radius:50%;background:linear-gradient(130deg,#fffaf0,transparent 45%);opacity:var(--scene-glass_strength,.3)}.scene-liquid-glass .scene-glass-surface{border-radius:28px;background:#fffaf022}
/* Tactile families use distinct volume, shadow and edge treatments. */
.scene-neumorphism .scene-canvas{background:#e7e0cc}.scene-claymorphism .scene-canvas{background:#f1dec9}.scene-soft-ui-evolution .scene-canvas{background:#eee9df}.scene-soft-object{width:144px;height:144px;display:grid;place-items:center;margin:12px auto;border-radius:var(--scene-corner);background:#e7e0cc;box-shadow:var(--scene-shadow,10px) var(--scene-shadow,10px) calc(var(--scene-shadow,10px)*2) #b8ae98,calc(var(--scene-shadow,10px)*-1) calc(var(--scene-shadow,10px)*-1) calc(var(--scene-shadow,10px)*2) #fffaf0}.scene-soft-object.pressed{box-shadow:inset var(--scene-shadow,10px) var(--scene-shadow,10px) calc(var(--scene-shadow,10px)*2) #b8ae98,inset calc(var(--scene-shadow,10px)*-1) calc(var(--scene-shadow,10px)*-1) calc(var(--scene-shadow,10px)*2) #fffaf0}.scene-soft-copy{display:grid;gap:var(--scene-gap)}.scene-claymorphism .scene-soft-object{background:linear-gradient(135deg,#d4dfba,#a4b58b);border-radius:var(--scene-corner);box-shadow:inset 8px 8px 18px #f9ffe1a0,inset -9px -10px 20px #667b5680,0 var(--scene-shadow,10px) calc(var(--scene-shadow,10px)*2) #6e715340}.scene-claymorphism .scene-soft-object.pressed{box-shadow:inset 8px 8px 20px #667b5670,inset -6px -6px 20px #f9ffe1a0}.scene-claymorphism .scene-button{border-radius:var(--scene-corner);box-shadow:inset 3px 3px 6px #ffffff26,inset -3px -3px 6px #12181255,0 5px 8px #52604726}.scene-soft-ui-evolution .scene-soft-object{background:#fffaf0;border:1px solid #b9b29e;box-shadow:0 var(--scene-shadow,5px) calc(var(--scene-shadow,5px)*3) #36402f22}.scene-soft-ui-evolution .scene-soft-object.pressed{border:2px solid #526047;background:#edf0e1;box-shadow:0 var(--scene-shadow,5px) calc(var(--scene-shadow,5px)*3) #36402f22}
.scene-theme-panel{display:grid;gap:var(--scene-gap);padding:22px;border-radius:var(--scene-corner);background:#10150f;color:#e8e7dc}.scene-theme-panel[data-theme=light]{background:#f2eee3;color:#363e32}.scene-theme-panel .scene-metric{background:#ffffff0b;border-color:#777c6f}.scene-theme-panel[data-theme=light] .scene-metric{background:#fffaf0;border-color:#c8b99a}.scene-theme-panel .scene-button{background:#b9cf84;color:#16200f;border-color:#b9cf84}
/* Typographic styles have dedicated compositions, not cosmetic generic cards. */
.scene-minimalism-swiss .scene-canvas,.scene-swiss-modernism-2 .scene-canvas{font-family:Arial,Helvetica,sans-serif;border-radius:0;background:#f7f1e4}.scene-swiss-mast{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #363e32;padding-bottom:var(--scene-gap)}.scene-swiss-mast>strong{font-size:58px;font-weight:600;line-height:1}.scene-swiss-dot{width:42px;height:42px;background:#b5452e;border-radius:50%}.scene-swiss-copy{display:grid;gap:var(--scene-gap)}.scene-minimalism-swiss .scene-title,.scene-swiss-modernism-2 .scene-title{font-family:Arial,Helvetica,sans-serif;font-weight:600;letter-spacing:-.05em}.scene-swiss-footer{margin:0;border-top:1px solid #363e32;padding-top:12px;font-size:13px;letter-spacing:.1em}.scene-swiss-modules{height:50px;background:linear-gradient(90deg,#526047 0 30%,#d7c6a2 30% 66%,#b5452e 66%)}
.scene-neubrutalism .scene-canvas{background:#deddb6;border-radius:0;border:var(--scene-border,3px) solid #263024;overflow:visible;padding:18px}.scene-brutal-card{position:relative;display:grid;gap:16px;padding:20px;background:#fff3d6;border:var(--scene-border,3px) solid #263024;box-shadow:var(--scene-shadow,7px) var(--scene-shadow,7px) 0 #263024}.scene-sticker{display:block;width:fit-content;padding:7px 10px;background:#b5452e;color:#fffaf0;border:2px solid #263024;transform:rotate(-6deg);font-family:var(--script);font-size:22px}.scene-neubrutalism .scene-button{border:var(--scene-border,3px) solid #263024;border-radius:0;box-shadow:var(--scene-shadow,7px) var(--scene-shadow,7px) 0 #263024;background:#bccd8b;color:#263024}.scene-neubrutalism .scene-button[aria-pressed=true]{box-shadow:none;transform:translate(3px,3px);background:#b5452e;color:#fffaf0}
.scene-brutalism .scene-canvas{background:#fffaf0;border:2px solid #363e32;border-radius:0;font-family:monospace}.scene-brutalism .scene-title{font-family:monospace;font-size:28px;font-weight:bold}.scene-document-nav{display:flex;gap:12px;flex-wrap:wrap}.scene-document-nav .scene-button{padding:0;background:none;border:0;border-radius:0;color:#363e32;text-decoration:underline;text-align:left;font-size:inherit}.scene-document{margin:0;padding:14px 0}.scene-brutalism hr{border:0;border-top:2px solid #363e32;width:100%;margin:0}
.scene-flat-blocks{display:grid;grid-template-columns:1fr 1fr;gap:var(--scene-gap)}.scene-flat-blocks>div{min-height:100px;padding:18px;background:var(--scene-accent);color:var(--scene-on-accent);display:flex;align-items:center;justify-content:space-between;border-radius:0}.scene-flat-blocks>div+div{background:#d3bf98;color:#363e32}.scene-flat-design .scene-canvas,.scene-flat-design .scene-button{border-radius:0;box-shadow:none}.scene-flat-design .scene-button.chosen{background:#363e32;color:#fffaf0}
.scene-exaggerated-minimalism .scene-canvas{padding:var(--scene-space);gap:var(--scene-space);border-radius:0}.scene-exaggerated-minimalism .scene-title{font-family:var(--notes);font-size:var(--scene-heading);color:#b5452e}.scene-exaggerated-minimalism .scene-button{border-radius:0;background:none;color:#363e32;padding:10px 0;border-width:0 0 2px}
.scene-memphis-art{position:relative;height:170px;background:#eee6cf;overflow:hidden;border-radius:var(--scene-corner)}.scene-memphis-art i{display:block;position:absolute}.scene-memphis-art .disc{width:92px;height:92px;background:var(--scene-accent);border-radius:50%;left:14px;top:14px}.scene-memphis-art .triangle{width:0;height:0;border-left:48px solid transparent;border-right:48px solid transparent;border-bottom:80px solid #ae8549;right:15px;bottom:15px;transform:rotate(18deg)}.scene-memphis-art .squiggle{width:94px;height:42px;border:10px double #526047;border-radius:50%;left:40%;top:24px;transform:rotate(-25deg)}.scene-memphis-art .dots{width:84px;height:70px;left:37%;bottom:16px;background-image:radial-gradient(#363e32 2px,transparent 2px);background-size:13px 13px;transform:rotate(15deg)}.scene-memphis-art .arc{width:64px;height:64px;border:12px solid #8eadaa;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;right:15px;top:12px}.scene-memphis-art.alternative .disc{left:52%;top:60px}.scene-memphis-art.alternative .triangle{right:65%;transform:rotate(-20deg)}
.scene-y2k-aesthetic .scene-canvas{background:radial-gradient(ellipse at 50% 0,#fffaf0,#c6c9bd);text-align:center;justify-items:center;border:2px solid #f8f2e1}.scene-y2k-star{font-size:80px;line-height:1;color:#ab6b47;text-shadow:2px 2px 0 #f9eed8,-2px -2px 0 #ffffff}.scene-chrome-pill{border-radius:var(--scene-corner);padding:15px 28px;background:linear-gradient(175deg,#fffaf0,#c7c9ba 36%,#f6f1e3 48%,#7c8972 60%,#dad7c7);color:#263024;border:2px solid #fffaf0;box-shadow:inset 0 3px 10px rgb(255 255 255 / var(--scene-shine,.45)),0 5px 12px #363e3233}.scene-chrome-pill[aria-pressed=true]{background:linear-gradient(175deg,#fffaf0,#daa28c 45%,#9e5c44 65%,#e5c5a5);color:#263024;border-color:#fffaf0}
.scene-atmosphere{position:relative;min-height:260px;overflow:hidden;border-radius:var(--scene-corner);background:#ece7d9}.scene-atmosphere-copy{position:relative;z-index:3;padding:28px;display:grid;gap:var(--scene-gap);text-shadow:0 1px 1px #fffaf0}.aurora-blob{position:absolute;width:230px;height:180px;border-radius:50%;filter:blur(28px);opacity:var(--scene-intensity,.55);background:#8eadaa;left:-50px;top:-10px}.aurora-blob.blob-1{left:auto;right:-50px;top:50px;background:#d89880}.aurora-blob.blob-2{left:20%;top:120px;background:#a8b987}.aurora-glass{position:absolute;inset:12px;border:1px solid #fffaf0a0;border-radius:18px;background:#fffaf01c}.scene-vaporwave .scene-atmosphere{background:linear-gradient(#d6b3aa,#ddc1b2 60%,#6e8b83)}.vapor-part.vapor-0{position:absolute;width:150px;height:150px;right:20px;top:24px;border-radius:50%;background:repeating-linear-gradient(0deg,#ae8549 0 9px,#f1d5ad 9px 12px);opacity:var(--scene-intensity,.6)}.vapor-part.vapor-1{position:absolute;width:80px;height:90px;left:14px;bottom:8px;background:linear-gradient(90deg,#4c695f,#8eadaa);clip-path:polygon(20% 0,90% 0,100% 100%,0 100%)}.vapor-grid{position:absolute;inset:45% -20px -20px;background-image:linear-gradient(#eee6d666 1px,transparent 1px),linear-gradient(90deg,#eee6d666 1px,transparent 1px);background-size:26px 26px;transform:perspective(170px) rotateX(42deg);transform-origin:bottom}.scene-vaporwave .scene-title{font-family:var(--script);font-size:44px;color:#4e5147}.scene-retro-dial{position:relative;width:170px;height:170px;margin:auto;border-radius:50%;border:2px solid var(--scene-accent);display:grid;place-items:center;background:#e9dfca}.scene-retro-dial>i{position:absolute;inset:14px;border:1px dashed var(--scene-accent);border-radius:50%}.scene-retro-dial>i:nth-child(2){inset:30px;border-style:solid}.scene-retro-dial>i:nth-child(3){inset:45px;border-style:solid}.scene-retro-dial:after{content:'';position:absolute;width:3px;height:62px;top:24px;left:50%;background:var(--scene-accent);transform:rotate(var(--dial-angle,15deg));transform-origin:bottom}.scene-frequency{position:relative;z-index:1;padding:6px;background:#e9dfca;font-size:28px}.scene-retro-futurism .scene-title{text-align:center}
.scene-hud{position:relative;display:grid;gap:18px;padding:22px;background:#162016;color:var(--scene-accent);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);border:1px solid var(--scene-accent)}.scene-hud:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#b9cf8411 1px,transparent 1px);background-size:100% 7px;pointer-events:none}.scene-hud .scene-title{font-family:monospace;font-size:28px}.scene-hud .scene-button{border-radius:0}.scene-scanline{height:4px;width:100%;background:var(--scene-accent);opacity:.6}.scene-vibrant-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--scene-gap)}.scene-vibrant-grid .scene-button{width:100%;min-height:105px;border-radius:0;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:21px}.scene-vibrant-grid .scene-button:first-child{grid-row:span 2;background:var(--scene-accent);color:var(--scene-on-accent)}.scene-vibrant-grid .scene-button:nth-child(2){background:#aab989;border-color:#aab989;color:#263024}.scene-vibrant-grid .scene-button:nth-child(3){background:#d9ba79;border-color:#d9ba79;color:#263024}.scene-vibrant-grid .scene-button[aria-pressed=true]{outline:3px solid #363e32;outline-offset:-6px}.scene-vibrant-grid .scene-button>span{font-family:var(--script);font-size:34px;white-space:nowrap;flex:none}
.scene-notebook{position:relative;padding:22px 20px 20px 42px;background:#a87651;border-radius:var(--scene-corner);border:2px solid #6c503e;box-shadow:0 var(--scene-shadow,7px) calc(var(--scene-shadow,7px)*2) #4c453130}.scene-notebook:before{content:'';position:absolute;inset:6px;border:1px dashed #e1c5a1;border-radius:inherit;pointer-events:none}.scene-binding{position:absolute;left:18px;top:22px;bottom:22px;width:12px;background:repeating-linear-gradient(0deg,transparent 0 15px,#eee3c7 15px 20px,transparent 20px 30px)}.scene-notebook-page{background:repeating-linear-gradient(0deg,#f8efda 0 28px,#ccbaa4 28px 29px);padding:24px 16px;min-height:200px;display:grid;align-content:start;gap:20px;box-shadow:3px 3px 0 #cbb998,6px 6px 0 #baaa8d}.scene-notebook-page .scene-title{font-family:var(--brush);font-size:28px}
.scene-3d-space{height:230px;position:relative;display:grid;place-items:center;perspective:650px;perspective-origin:50% 35%}.scene-cube{position:relative;width:110px;height:110px;transform-style:preserve-3d;z-index:1}.cube-face{position:absolute;inset:0;border:1px solid #c8b99a;display:grid;place-items:center;font-family:var(--script);font-size:40px;color:#3e4535;background:linear-gradient(135deg,#f5eddb,#bdbaa2);backface-visibility:hidden}.cube-face:after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#fffaf0,transparent 60%);opacity:var(--scene-shine,.5)}.face-front{transform:translateZ(55px)}.face-back{transform:rotateY(180deg) translateZ(55px)}.face-left{transform:rotateY(-90deg) translateZ(55px);background:#aeb498}.face-right{transform:rotateY(90deg) translateZ(55px);background:#849178}.face-top{transform:rotateX(90deg) translateZ(55px);background:#f4ecd9}.face-bottom{transform:rotateX(-90deg) translateZ(55px)}.scene-object-shadow{position:absolute;width:170px;height:35px;bottom:25px;left:calc(50% - 85px);background:#3e453529;filter:blur(10px);border-radius:50%}
/* Layout and landing-page demonstrations. */
.scene-bento{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--scene-gap)}.scene-bento>article{padding:18px;border:1px solid #c8b99a;border-radius:var(--scene-corner);background:#f0e7d4;display:grid;gap:12px}.scene-bento .bento-featured{grid-row:span 3;background:#526047;color:#fffaf0}.bento-featured .scene-leaf{width:100px;height:100px;align-self:center}.bento-featured .scene-title{font-size:32px}.bento-small h4{font-weight:500;font-size:22px;margin:0}.scene-grid-cells{display:grid;gap:var(--scene-gap)}.scene-grid-cells>div{border:1px solid #c8b99a;background:#eee6d3;padding:16px 12px;display:grid;gap:12px}.scene-grid-cells strong{font-family:var(--script);font-size:35px;color:#b5452e}.scene-grid-cells span{font-size:16px}.scene-layers{position:relative;min-height:280px;padding:var(--scene-depth,12px) 0 0}.scene-layer-back,.scene-layer-front{padding:22px;background:#e9e0cc;border:1px solid #c8b99a;border-radius:var(--scene-corner);display:grid;gap:16px}.scene-layer-front{position:absolute;inset:var(--scene-depth,12px) 0 auto var(--scene-depth,12px);background:#fffaf0;box-shadow:0 15px 35px #363e3233;z-index:1}.scene-layer-back{margin-right:var(--scene-depth,12px);box-shadow:0 4px 8px #363e3215}.scene-hierarchy-meta{font-size:14px;letter-spacing:.04em;border-top:1px solid #c8b99a;padding-top:14px;color:#736953}.scene-space-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px}.scene-space-compare>article{background:#ece7d8;border:1px solid #c8b99a;display:grid;gap:12px}.scene-space-compare .compact{padding:8px;gap:4px}.scene-space-compare .spacious{padding:var(--scene-space)}.scene-space-compare h4{font-family:var(--notes);font-size:22px;font-weight:500;margin:0}.scene-space-rule{height:1px;background:#ae8549;margin:6px 0}
.scene-hero-centric .scene-canvas{grid-template-columns:1.2fr 1fr;align-items:center}.scene-landing-copy{display:grid;gap:var(--scene-gap)}.scene-hero-picture{position:relative;min-height:248px;background:#d5dcbd;border-radius:100px 100px var(--scene-corner) var(--scene-corner);display:grid;place-items:center;overflow:hidden}.scene-hero-window{position:absolute;top:24px;right:20px;width:64px;height:110px;border-radius:32px 32px 0 0;background:#f4deb1;box-shadow:-22px 10px 0 #d9cbb5}.scene-hero-picture .scene-leaf{position:relative;z-index:1;width:120px;height:120px;transform:rotate(-20deg)}.scene-hero-picture>span{position:absolute;bottom:18px;font-size:15px}.scene-minimal-direct .scene-canvas{padding:var(--scene-space);border-radius:0}.scene-form{display:grid;gap:var(--scene-gap)}.scene-form label{display:grid;gap:8px;font-size:16px}.scene-form output{display:block;border:1px solid #c8b99a;padding:16px;overflow-wrap:anywhere}.scene-testimonial{margin:0;background:#efe6d2;border:1px solid #c8b99a;border-radius:var(--scene-corner);padding:20px;display:grid;gap:10px}.scene-quote-mark{font-family:var(--script);font-size:62px;line-height:.65;color:#b5452e}.scene-testimonial p{font-size:22px;line-height:1.5;margin:0}.scene-testimonial-role{font-size:16px;color:#736953}.scene-inline-demo{font:inherit;padding:24px;background:#f2e8d1;border:1px solid #ae9d7e;border-radius:var(--scene-corner);color:#363e32;display:grid;gap:18px;place-items:center;transition:transform var(--demo-duration,220ms) ease-out,box-shadow var(--demo-duration,220ms) ease-out;cursor:pointer;box-shadow:0 4px 0 #d5c6a8}.scene-inline-demo:hover{transform:translateY(calc(var(--demo-lift,4px)*-1));box-shadow:0 12px 24px #363e3225}.scene-feature-board{display:grid;gap:var(--scene-gap);padding:20px;background:#e8ebdc;border:1px solid #c8b99a;border-radius:var(--scene-corner);min-height:210px}.scene-feature-number{font-family:var(--script);font-size:44px;color:#b5452e}.scene-feature-board h4{margin:0;font-size:26px;font-weight:500}.scene-feature-line{height:8px;width:70%;background:#a7b79b;border-radius:9px}.scene-feature-line:nth-last-child(2){width:90%}.scene-evidence{padding:16px;border:1px solid #c8b99a;border-radius:12px;background:#f1e9d8}.scene-evidence summary{cursor:pointer;font-size:19px}.scene-evidence p{font-size:16px;line-height:1.6}.scene-evidence a{font-size:16px;overflow-wrap:anywhere;text-decoration:underline}.scene-evidence-date{margin:0;font-size:14px;color:#736953}.scene-story{display:grid;gap:var(--scene-gap);min-height:210px;padding:22px;background:#eee7d8;border-radius:20px;border:1px solid #c8b99a}.scene-story-dots{display:flex;gap:7px;flex:1;justify-content:center}.scene-story-dots i{width:9px;height:9px;border-radius:50%;background:#c8b99a}.scene-story-dots i.active{background:#b5452e;width:24px;border-radius:5px}
/* Each dashboard has its own data composition. All numbers are synthetic. */
.scene-dashboard-top{font-size:14px;color:#736953;padding-bottom:10px;border-bottom:1px solid #c8b99a}.scene-dashboard-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--scene-gap)}.scene-dashboard-metrics strong{font-size:25px;overflow-wrap:anywhere}.scene[data-family=dashboard] .scene-canvas{padding:18px}.scene[data-family=dashboard] svg{display:block;width:100%;height:auto}.scene-table-scroll{overflow-x:auto;width:100%;border:1px solid #c8b99a;border-radius:10px}.scene-table-scroll table{border-collapse:collapse;width:100%;min-width:270px;font-size:16px;line-height:1.25}.scene-table-scroll tr{height:var(--scene-row,40px)}.scene-table-scroll th,.scene-table-scroll td{padding:4px 8px;text-align:right;border-bottom:1px solid #d4c6aa;font-weight:400}.scene-table-scroll th:first-child,.scene-table-scroll td:first-child{text-align:left}.scene-table-scroll th{background:#e9e4d3}.scene-table-scroll tr:last-child td{border:0}.scene-comparison{display:grid;gap:18px}.scene-compare-row{display:grid;gap:5px}.scene-compare-row>strong{font-size:17px;font-weight:500}.compare-bar{font-size:16px;padding:4px 8px;border-radius:0 5px 5px 0;color:#fffaf0;background:#526047;min-width:120px;max-width:100%;white-space:nowrap}.compare-bar.previous{background:#ae8549;color:#172017}.scene-chart-legend{font-size:16px;line-height:1.5;color:#736953}.scene-breadcrumb{margin:0;font-size:16px;line-height:1.6;overflow-wrap:anywhere}.scene-drill-list{display:grid;gap:10px}.scene-drill-row{width:100%;height:var(--scene-row,44px);min-height:var(--scene-row,44px);padding:6px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:16px;line-height:1.1;background:#eee6d4;color:#363e32;border:1px solid #c8b99a;border-radius:10px}.scene-drill-row strong{font-weight:500}.scene-behavior{display:grid;gap:8px;justify-items:center}.scene-funnel-row{display:flex;justify-content:space-between;align-items:center;gap:10px;min-width:min(200px,100%);max-width:100%;padding:14px 24px;background:none;color:#fffaf0;position:relative;isolation:isolate}.scene-funnel-row strong{font-size:18px;font-weight:400}.scene-path-node{display:flex;justify-content:space-between;padding:14px;border:1px solid #c8b99a;border-radius:12px;background:#e8e4d3}.scene-path-arrow{font-size:22px;color:#b5452e;font-style:normal}.scene-cashflow{height:180px;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--scene-gap);border-bottom:1px solid #c8b99a}.cash-column{display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:8px}.cash-column i{display:block;width:75%;background:#526047;border-radius:7px 7px 0 0}.cash-column:nth-child(2) i{background:#b5452e}.cash-column:nth-child(3) i{background:#ae8549}.cash-column span{font-size:15px}.scene-pipeline{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--scene-gap)}.scene-sales-column{padding:12px 8px;border:1px solid #c8b99a;background:#eee9db;border-radius:12px;min-height:185px;display:flex;flex-direction:column;gap:12px}.scene-sales-column>strong{font-size:17px;font-weight:500}.scene-sales-card{background:#fffaf0;padding:12px 8px;border-radius:9px;border-left:3px solid #b5452e;font-size:16px}.scene-heatmap{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.scene-heatmap button{padding:8px 2px;background:#526047;border:0;border-radius:4px;font-size:15px;line-height:1.3;min-height:32px;cursor:pointer}.scene-heatmap-legend{height:8px;border-radius:5px;width:100%}
/* Principles are demonstrated through actual choices, hierarchy and feedback. */
.scene-affordance-compare{display:grid;grid-template-columns:1fr 1fr;gap:18px}.scene-affordance-compare>div{display:grid;align-content:start;gap:16px;padding:16px;border:1px solid #c8b99a;border-radius:var(--scene-corner)}.scene-ambiguous{font-size:20px;color:#9a917e}.scene-low-contrast{padding:16px;border:1px solid #d6c8b0;background:#e8dfcb;color:#a69c87}.scene-measured-contrast{padding:20px;border:1px solid #c8b99a;background:#fffaf0}.scene-measured-contrast .scene-title{font-size:28px}.scene-contrast-ratio{font-family:var(--script);font-size:44px;color:#526047}.scene-suggestions{display:flex;flex-wrap:wrap;gap:8px}.scene-ia-tree{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--scene-gap)}.scene-ia-tree .scene-button{width:100%;font-size:16px;border-radius:8px;background:#eee6d4;color:#363e32;border-color:#c8b99a}.scene-ia-article{padding:22px;border-left:3px solid #b5452e;background:#eee9db;display:grid;gap:var(--scene-gap)}.scene-reduce-track{height:70px;border-radius:14px;background:#eee5d2;border:1px solid #c8b99a;padding:12px;display:flex;align-items:center;overflow:hidden}.scene-reduce-token{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#526047;color:#fffaf0;font-size:26px}.scene fieldset{margin:0;padding:16px;border:1px solid #c8b99a;border-radius:12px}.scene legend{padding:0 7px;font-size:inherit}.scene-check{display:flex;align-items:flex-start;gap:12px;margin:12px 0;font-size:inherit;line-height:1.5}.scene-check input{width:20px;height:20px;flex:none;accent-color:#526047;margin:3px 0 0}.scene-inclusive-choice{padding:20px;border:1px solid #c8b99a;border-radius:12px;background:#e8ecdc;display:flex;gap:16px;align-items:center}.scene-inclusive-symbol{font-size:36px;color:#526047}.scene-inclusive-choice strong{font-size:inherit;font-weight:500}.scene-voice-orb{display:flex;align-items:center;justify-content:center;gap:10px;height:120px;border-radius:60px;background:#e4e8d5;border:1px solid #c8b99a}.scene-voice-orb>i{width:12px;height:32px;background:#526047;border-radius:10px}.scene-voice-orb>i:nth-child(2){height:62px}.scene-voice-orb.listening{border-color:#b5452e}.scene-voice-orb.listening>i{background:#b5452e}
/* Actual temporal and scrolling behaviors. */
.scene-runner-row{display:grid;gap:8px}.scene-runner-row>span{font-size:17px}.scene-runner-track{padding:7px 0;height:42px;background:#e8dfcb;border:1px solid #c8b99a;border-radius:25px;overflow:hidden}.scene-runner-track>i{display:block;width:28px;height:28px;border-radius:50%;background:#526047}.scene-runner-row:nth-child(2) .scene-runner-track>i{background:#b5452e}.scene-favorite{font-size:23px;border-radius:100px;padding:14px 20px}.scene-motion-step{display:grid;gap:18px;padding:18px;background:#e8e7d9;border:1px solid #c8b99a;border-radius:14px;min-height:190px}.scene-step-number{font-family:var(--script);font-size:42px;color:#b5452e}.scene-kinetic{font-size:var(--scene-heading);font-family:var(--notes);font-weight:500;line-height:1.4;margin:20px 0;overflow-wrap:anywhere}.scene-kinetic>span{display:inline-block;white-space:pre}.scene-parallax-scroller{position:relative;height:320px;overflow:auto;border:1px solid #c8b99a;border-radius:14px;background:#e8e6d6;scroll-behavior:smooth}.scene-parallax-scroller:focus-visible{outline:3px solid #b5452e;outline-offset:3px}.scene-parallax-landscape{position:sticky;top:0;height:155px;overflow:hidden;background:#e7ddc5;z-index:1}.scene-parallax-landscape>svg{position:absolute;width:100%;height:170px;left:0;bottom:0}.scene-parallax-chapter{position:relative;padding:26px 20px;min-height:210px;display:grid;gap:16px;align-content:start}.scene-parallax-chapter .scene-title{font-size:28px}.scene-parallax-storytelling .scene-canvas{padding:14px}
@container(max-width:360px){.scene-organic-biophilic .scene-canvas,.scene-hero-centric .scene-canvas{grid-template-columns:1fr}.scene-organic-art{min-height:190px}.scene-organic-art .scene-leaf{width:100px;height:100px}.scene-organic-info{padding:4px}.scene-bento{grid-template-columns:1fr}.scene-bento .bento-featured{grid-row:auto}.scene-space-compare{grid-template-columns:1fr}.scene-hero-picture{min-height:190px}.scene-dashboard-metrics{grid-template-columns:1fr}.scene-metric{padding:10px 12px;display:flex;justify-content:space-between;align-items:center;gap:10px}.scene-metric strong{font-size:23px}.scene-pipeline{grid-template-columns:1fr}.scene-sales-column{min-height:110px}.scene-affordance-compare{grid-template-columns:1fr}.scene-ia-tree{grid-template-columns:1fr}.scene-vibrant-grid{grid-template-columns:1fr}.scene-vibrant-grid .scene-button:first-child{grid-row:auto}.scene-vibrant-grid .scene-button{min-height:90px}.scene-canvas{padding:17px}.scene-grid-cells>div{padding:12px 5px}.scene-grid-cells span{font-size:14px}.scene-grid-cells strong{font-size:27px}.scene-layers{min-height:340px}.scene-layer-front .scene-title{font-size:27px}.scene-chrome-pill{padding:12px 18px}}
@media(prefers-reduced-motion:reduce){.scene-growth>i,.scene-button,.scene-inline-demo{transition:none}.scene-inline-demo:hover{transform:none}.scene-parallax-scroller{scroll-behavior:auto}.scene-parallax-landscape>svg{transform:none!important}}
.motion-paused .scene-inline-demo:hover{transform:none}.motion-paused .scene-parallax-landscape>svg{transform:none!important}

.scene-funnel-row:before{content:"";position:absolute;inset:0;z-index:-1;background:#526047;clip-path:polygon(0 0,100% 0,92% 100%,8% 100%)}.scene-funnel-row strong{overflow-wrap:anywhere;min-width:0}.scene-funnel-row>span{flex:none;white-space:nowrap}