/* Distinct working spaces, sharing Omnelia's material and typographic language. */
.studio-room{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:start;padding-block:45px;scroll-margin-top:90px}
.room-story h2{font:500 clamp(32px,4vw,56px)/1.12 Inter,Arial,sans-serif;letter-spacing:-.045em;margin:0 0 20px}
.room-story p{max-width:40ch}.room-story img{display:block;width:100%;height:auto;object-fit:contain;border-radius:22px;margin-top:24px}
.room-console{--studio-text:#f5f2ff;--studio-body:#e5e2ee;padding:30px;border:1px solid #91bfc8;border-radius:28px;color:#f5f2ff;background:radial-gradient(ellipse at 100% 0,#39768168,transparent 60%),linear-gradient(140deg,#1c2132ee,#20172ef5);box-shadow:inset 0 2px 2px #ffffff75,inset 0 -2px 4px #8fd0db33,0 20px 50px #2b1a4920}
.room-console label{display:block;font-size:16px;margin-bottom:12px;font-weight:600}.room-console input{width:100%;min-width:0;padding:15px;border:1px solid #bba7d7;border-radius:13px;background:#100e1d80;color:#fff;font:16px/1.5 Inter,sans-serif}
.room-console input:focus-visible{outline:3px solid #97ebe4;outline-offset:3px}
.room-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.room-console .site-button{background:#d4f2ef;color:#193e43;border:1px solid #e5ffff}.room-console .site-button.secondary{background:#ffffff0c;color:#e5f9fa;border-color:#b9cbd37a}
.address-result{border-top:1px solid #93b4c252;margin-top:24px;padding-top:20px}.address-result[hidden]{display:none}.address-result strong{display:block;font:500 clamp(22px,2.8vw,32px)/1.4 Inter,sans-serif;overflow-wrap:anywhere;color:#9ff4e8!important}.address-result ul{padding-left:20px;line-height:1.7}.address-result li+li{margin-top:10px}.room-console .room-note{font-size:14px!important;line-height:1.6;margin-top:22px;border-top:1px solid #8eb2bb40;padding-top:16px}
.route-main .campaign-designer{padding-block:40px}.route-main .campaign-heading{max-width:850px}.route-main .campaign-workbench{align-items:start}.route-main .campaign-preview{position:sticky;top:100px}
@media(max-width:767px){.studio-room{grid-template-columns:1fr;gap:18px;padding-block:26px}.room-story img{display:none}.room-story h2{font-size:34px}.room-console{padding:20px;border-radius:20px}.room-actions .site-button{flex:1;font-size:14px}.route-main .campaign-preview{position:static}.room-story p{max-width:none}}
.room-console .site-button{color:#193e43!important}.room-console .site-button.secondary{color:#e5f9fa!important}
.address-anatomy{display:flex;flex-wrap:wrap;align-items:center;gap:0;padding:35px 22px;margin-top:24px;border-block:1px solid #937ba966;transform:perspective(800px) rotateY(-5deg);font:400 18px/1.6 ui-monospace,monospace;color:#63556d;background:linear-gradient(100deg,#d9d3e24d,#c1e2e85c)}
.address-anatomy strong{padding:5px 8px;color:#234f59!important;border-bottom:2px solid #467d91;font-weight:600}
@media(max-width:767px){.address-anatomy{padding:16px 12px;font-size:15px;margin-top:16px;transform:none}.route-main .campaign-workbench{display:flex;flex-direction:column-reverse;gap:14px}.route-main .campaign-preview{width:100%;margin:0}.route-main .campaign-preview-frame{display:grid;place-items:center}.route-main .campaign-preview canvas{height:170px!important;width:auto!important;max-width:100%;object-fit:contain}.route-main .campaign-preview p{margin-block:8px}}

/* Show the inspection result as evidence becomes available. */
@media(prefers-reduced-motion:no-preference){
 .address-result:not([hidden]){animation:omnelia-inspection-in .26s ease-out both}
 [data-address-signals] li{animation:omnelia-inspection-in .28s ease-out both}
 [data-address-signals] li:nth-child(2){animation-delay:.055s}
 [data-address-signals] li:nth-child(n+3){animation-delay:.11s}
}
@keyframes omnelia-inspection-in{
 from{opacity:.45;translate:0 5px}
 to{opacity:1;translate:0 0}
}

.storyboard-form{padding:clamp(16px,3vw,32px);display:grid;gap:14px}
.storyboard-form label{display:grid;gap:6px;font-weight:650}
.storyboard-form :is(input,textarea){width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #78698a;border-radius:12px;background:#f8f3fb;color:#25172f;font:inherit}
.storyboard-form :is(input,textarea):focus-visible{outline:2px solid #593b81;outline-offset:2px}
.storyboard-shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.storyboard-form img{max-width:100%;max-height:220px;object-fit:contain;justify-self:start}
.storyboard-form img[hidden]{display:none}
@media(max-width:767px){.storyboard-shots{grid-template-columns:1fr}}
.storyboard-form select{width:100%;padding:10px 12px;border:1px solid #78698a;border-radius:12px;background:#f8f3fb;color:#25172f;font:inherit}
[data-sample-homes] [hidden]{display:none!important}

.storyboard-example{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,2fr);gap:clamp(16px,4vw,48px);align-items:center;margin-block:24px}
.storyboard-example figure{margin:0;text-align:center}
.storyboard-example img{width:min(100%,200px);height:auto;display:block;margin-inline:auto}
.storyboard-beats{margin:12px 0 16px;padding-inline-start:1.3em}
.storyboard-beats li+li{margin-top:10px}
.storyboard-beats p{margin:3px 0 0}
@media(max-width:600px){
 .storyboard-example{grid-template-columns:1fr}
 .storyboard-example img{width:100px}
}

.home-project-paths{margin-block-start:16px}
.home-project-paths .hp-demo-image img{object-fit:contain}

.category-story-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,225px),1fr));gap:12px;margin-top:16px}
.category-story-card{
 display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:center;
 min-height:72px;padding:6px 12px 6px 6px;border:1px solid #78698a75;border-radius:16px;
 color:var(--studio-ink);background:linear-gradient(145deg,#fff9,#fff3);
 box-shadow:inset 0 1px 2px #fff9;
 font-weight:650;line-height:1.35;
}
.category-story-card img{width:72px;height:56px;object-fit:contain;border-radius:10px}
.category-story-card:hover span,.category-story-card:focus-visible span{text-decoration:underline;text-underline-offset:.2em}
.category-story-card:focus-visible{outline:2px solid #593b81;outline-offset:2px}