/* Omkara Brandcom — isolated reusable interactive modules. */
:root{--omk-orange:#f26522;--omk-cream:#f7f4ee;--omk-dark:#26231f;--omk-muted:#746e67;--omk-line:#e4ddd2;--omk-white:#fffdf9}
.omk-eyebrow{display:block;text-transform:uppercase;letter-spacing:.16em;font:700 .72rem/1.5 system-ui,sans-serif;color:var(--omk-orange);margin-bottom:.8rem}
.omk-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;margin:2.5rem auto}
.omk-service-card{position:relative;border:1px solid var(--omk-line);background:var(--omk-white);border-radius:22px;min-height:300px;padding:1.8rem;overflow:hidden;box-shadow:0 14px 42px #21171009;transition:transform .3s ease,box-shadow .3s ease}
.omk-service-card:hover,.omk-service-card:focus-within{transform:translateY(-5px);box-shadow:0 23px 54px #2117101a}
.omk-service-card h3,.omk-work-card h3,.omk-article-card h3{font:500 clamp(1.4rem,2vw,1.9rem)/1.2 Georgia,serif;margin:.8rem 0;color:var(--omk-dark)}
.omk-service-card a,.omk-work-card a,.omk-article-card a{color:inherit;text-decoration:none}
.omk-service-card p,.omk-article-card p{color:#625d55;font-size:.95rem;line-height:1.75}
.omk-card-index{color:#a69d93;font-size:.8rem;letter-spacing:.15em}
.omk-card-symbol{margin:1.25rem 0;width:75px;height:65px;position:relative;perspective:200px;display:block}
.omk-card-symbol span:first-child{position:absolute;top:12px;left:11px;background:#f26522;transform:rotate(-28deg) skew(8deg,8deg);height:38px;width:38px;border-radius:7px;box-shadow:15px -8px 0 #f3b393,18px 12px 0 #fac8a5}
.omk-card-symbol span:last-child{position:absolute;width:22px;height:22px;top:0;left:45px;border:2px solid #312a25;border-radius:50%}
.omk-text-link{font:700 .8rem/1.4 system-ui,sans-serif;letter-spacing:.02em;color:var(--omk-orange)!important;text-decoration:none!important}
.omk-button,.omk-form button.omk-button,.omk-game button.omk-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;border:1px solid var(--omk-orange);background:var(--omk-orange);color:#fff;min-height:48px;padding:.85rem 1.35rem;border-radius:999px;font:700 .86rem/1.2 system-ui,sans-serif;text-decoration:none;transition:filter .2s,transform .2s}
.omk-button:hover{filter:brightness(.9);transform:translateY(-2px)}
.omk-button--outline,.omk-game button.omk-button--outline{background:transparent;color:var(--omk-dark);border-color:#afa396}
.omk-button:disabled,.omk-game button:disabled{opacity:.55;cursor:not-allowed;transform:none}
.omk-empty,.omk-note{padding:2.4rem;background:#f2ebe2;border-radius:22px;max-width:920px;margin:2rem auto;line-height:1.7}
.omk-empty h3{margin-top:0;font:500 2rem Georgia,serif}
.omk-process{padding:0;margin:2.3rem 0 4rem;list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.9rem}
.omk-process li{border-top:2px solid #f26522;padding:1.25rem .5rem 0 0}.omk-process li>span{display:block;color:var(--omk-orange);font:.78rem system-ui,sans-serif;margin-bottom:1.4rem}.omk-process li>strong{font:500 clamp(1.1rem,1.6vw,1.5rem) Georgia,serif}.omk-process li>p{color:var(--omk-muted);font-size:.89rem;line-height:1.65}
.omk-filter-bar{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.3rem}.omk-filter-bar button{border:1px solid var(--omk-line);border-radius:999px;padding:.65rem 1.2rem;background:#fff;color:var(--omk-dark);cursor:pointer;font:600 .85rem system-ui,sans-serif}.omk-filter-bar button.is-active{background:var(--omk-dark);color:#fff}
.omk-work-card,.omk-article-card{min-width:0}.omk-work-media{height:240px;border-radius:15px;background:radial-gradient(circle at 70% 20%,#ffae7a,transparent 38%),linear-gradient(120deg,#322d29,#4b3026);display:grid;place-items:center;overflow:hidden;margin-bottom:1.1rem}.omk-work-media img{width:100%;height:100%;object-fit:cover;display:block}.omk-work-monogram{font:8rem Georgia,serif;color:#ef793e;text-shadow:12px 7px 0 #b75b31}.omk-work-card h3{margin:.2rem 0 .7rem}.omk-article-card{padding:0 0 1rem}.omk-article-card img{height:230px;width:100%;object-fit:cover;border-radius:15px}.omk-article-card small{display:block;color:var(--omk-muted);margin-top:1rem}.omk-article-card h3{margin:.6rem 0}.omk-card-grid [hidden]{display:none!important}
.omk-scene{--scene-rx:0deg;--scene-ry:0deg;position:relative;isolation:isolate;min-height:460px;overflow:hidden;border-radius:28px;border:1px solid #eeded0;background:radial-gradient(circle at 50% 25%,#ffbd88 0%,#f4e3ce 34%,#ddd4c8 72%,#c8c1b4 100%);box-shadow:inset 0 0 90px #ffffff7a,0 28px 74px #4c342324;margin:1.5rem auto}
.omk-scene:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fffcf877,transparent 60%),repeating-linear-gradient(90deg,transparent 0 57px,#b77d6030 58px 59px);pointer-events:none;z-index:0}
.omk-scene-caption{position:absolute;top:5%;left:6%;z-index:3;width:50%;pointer-events:none}.omk-scene-caption strong{display:block;max-width:320px;font:500 clamp(1.2rem,2.5vw,2rem)/1.16 Georgia,serif;color:#392a23}
.omk-skyline{position:absolute;inset:1% 10% 5%;transform-style:preserve-3d;perspective:900px;transform:rotateX(var(--scene-rx)) rotateY(var(--scene-ry));transition:transform .22s ease;pointer-events:none}
.omk-floor{position:absolute;width:62%;height:50%;left:18%;top:39%;background:repeating-linear-gradient(30deg,#d28563 0 3px,transparent 4px 44px),repeating-linear-gradient(-30deg,#d28563 0 3px,#9e7d66 4px 44px);border:10px solid #87695a;transform:perspective(500px) rotateX(58deg) rotateZ(-14deg);box-shadow:0 32px 30px #20171061}
.omk-tower{position:absolute;background:linear-gradient(90deg,#3e3732 0 18%,#f7a671 18% 27%,#4b3934 27% 39%,#f1a16f 39% 47%,#4b3934 47% 60%,#f1a16f 60% 67%,#4b3934 67%);box-shadow:12px 4px 0 #252522,22px 16px 0 #b25332,18px 28px 45px #3a261c54;border:5px solid #2c2928;transform:skewY(-9deg) rotateY(-15deg)}
.omk-tower--one{width:14%;height:34%;left:31%;top:26%}.omk-tower--two{width:19%;height:47%;left:47%;top:19%;background:linear-gradient(90deg,#a44d31,#f4a47b 25%,#5d332c 26%,#ffbc89 48%,#8b4b32 50%,#fbad76 75%,#4e3026)}.omk-tower--three{width:12%;height:24%;left:69%;top:38%}
.omk-billboard{position:absolute;display:grid;place-items:center;left:49%;top:15%;width:20%;height:21%;transform:rotate(-4deg) skewY(-6deg);background:#f26522;color:#fff;font:bold clamp(3rem,7vw,6rem) Georgia,serif;box-shadow:8px 8px 0 #ad4d2c,12px 14px 34px #1d0d052e;border:5px solid #d45526}.omk-billboard span{font-size:24px;vertical-align:top}
.omk-orbit{position:absolute;inset:12% 10% 14% 18%;border:2px solid #f47b52;border-radius:50%;transform:rotateX(67deg) rotateZ(25deg);box-shadow:0 0 0 10px #f6aa7150}
.omk-scene-hotspots{position:absolute;inset:0;z-index:4;pointer-events:none}.omk-hotspot{position:absolute;display:flex;align-items:center;gap:.45rem;padding:.48rem .7rem;border:1px solid #ffffffaa;background:#292620eb;backdrop-filter:blur(12px);color:#fff!important;text-decoration:none!important;border-radius:999px;font:700 .72rem/1.2 system-ui,sans-serif;box-shadow:0 11px 24px #251b1938;pointer-events:auto}.omk-hotspot--0{top:33%;left:6%}.omk-hotspot--1{top:14%;right:6%}.omk-hotspot--2{top:73%;left:10%}.omk-hotspot--3{top:66%;right:6%}.omk-hotspot-dot{width:8px;height:8px;border-radius:50%;background:var(--omk-orange);box-shadow:0 0 0 4px #f265223d}.omk-hotspot:hover,.omk-hotspot:focus-visible{background:#f26522;outline-offset:3px}.omk-hotspot:hover .omk-hotspot-dot{background:#fff}
.omk-motion-toggle{position:absolute;bottom:13px;right:18px;z-index:5;padding:6px 10px;background:#fff8;border:1px solid #3333;border-radius:999px;font:500 .68rem system-ui,sans-serif;cursor:pointer}.omk-motion-off .omk-skyline{transform:none!important;transition:none!important}
.omk-scene--about{background:radial-gradient(circle at 50% 35%,#855340,#322b2b 77%)}.omk-scene--about .omk-scene-caption strong{color:#fff}.omk-scene--service{min-height:370px;background:radial-gradient(circle at 45% 50%,#ffb780,#d9a78d 65%,#c0a39d)}.omk-scene--industry{min-height:350px}.omk-scene--location{min-height:350px;background:radial-gradient(circle at 45% 30%,#e8b989,#aca99e)}.omk-scene--insight,.omk-scene--work{min-height:300px}
.omk-detail-area{padding:1.7rem 0;border-top:1px solid var(--omk-line)}.omk-detail-area li{margin:.6rem 0}.omk-detail-area details{border-bottom:1px solid var(--omk-line);padding:1rem 0}.omk-detail-area summary{cursor:pointer;font-weight:650}.omk-bottom-cta{background:var(--omk-dark);color:#fff;border-radius:24px;padding:clamp(2rem,6vw,4rem);margin:3rem 0}.omk-bottom-cta h2{font:500 clamp(2rem,4vw,3.8rem)/1.1 Georgia,serif;margin:.3rem 0 1.4rem;color:#fff}
.omk-form-wrap{max-width:950px;margin:2rem auto}.omk-form{padding:clamp(1.2rem,4vw,3rem);border-radius:25px;background:#fffaf4;box-shadow:0 18px 55px #4b2a1514;border:1px solid var(--omk-line);display:grid;gap:1.2rem}.omk-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.omk-form label{display:block;font:650 .83rem/1.5 system-ui,sans-serif;color:var(--omk-dark)}.omk-form label>span{color:var(--omk-orange)}.omk-form input:not([type="hidden"]):not([type="checkbox"]),.omk-form textarea,.omk-form select{width:100%;box-sizing:border-box;min-height:49px;border:1px solid #d3c7b9;border-radius:10px;background:#fff;color:#26231f;padding:.75rem .85rem;font:450 .94rem/1.5 system-ui,sans-serif;margin-top:.45rem}.omk-form textarea{resize:vertical}.omk-form input:focus,.omk-form textarea:focus,.omk-form select:focus{outline:2px solid var(--omk-orange);outline-offset:2px}.omk-form-helper{font:.8rem/1.65 system-ui,sans-serif;color:var(--omk-muted);margin:0}.omk-form .omk-check{display:flex;align-items:flex-start;gap:.7rem;line-height:1.6;font-weight:450}.omk-check input{margin:.28rem 0 0}.omk-check span{color:var(--omk-dark)!important}.omk-honeypot{position:absolute!important;left:-99999px!important;opacity:0!important}.omk-form-error{padding:1rem;border-left:4px solid #b2291a;background:#fff0ea;margin:1rem 0}
.omk-game{color:var(--omk-dark);background:#fff9f3;border:1px solid #eddfd1;border-radius:28px;overflow:hidden;margin:2.5rem auto;box-shadow:0 30px 80px #3d261320}.omk-game-header{padding:2rem clamp(1.2rem,4vw,3rem) .8rem}.omk-game-header h2{font:500 clamp(2rem,4.7vw,4rem)/1.05 Georgia,serif;margin:0 0 .7rem}.omk-game-header>p{max-width:680px;color:#6b6259;line-height:1.65;margin:.3rem 0 1.3rem}.omk-game-progress{height:6px;background:#eaddcc;border-radius:20px;overflow:hidden}.omk-game-progress span{display:block;height:100%;width:20%;background:#f26522;transition:width .3s ease}.omk-game-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:.8rem 0}.omk-game-step-label{font:700 .73rem system-ui,sans-serif;color:#665e56}
.omk-game-main{display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);min-height:440px}.omk-game-board{position:relative;background:radial-gradient(circle at 50% 35%,#f5b085,#a86244 53%,#42322f 100%);min-height:465px;perspective:800px;overflow:hidden}.omk-game-board:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 47px,#ffffff18 48px 49px);pointer-events:none}.omk-game-ground{position:absolute;width:68%;height:55%;left:13%;top:25%;transform:rotateX(18deg) rotateY(-16deg);transform-style:preserve-3d;border:7px solid #382522;border-radius:8px;background:linear-gradient(30deg,#99593e,#ddb189);box-shadow:18px 21px 0 #5b3a2e,24px 38px 44px #1a110e90;transition:transform .6s}.omk-game-build{position:absolute;bottom:20%;width:14%;background:repeating-linear-gradient(90deg,#533a32 0 14%,#e98d56 16% 22%,#4d322c 26% 32%);box-shadow:12px 8px 0 #372b28,12px 20px 25px #1c121189}.omk-gb-1{height:80%;left:15%}.omk-gb-2{height:110%;left:36%;width:18%}.omk-gb-3{height:65%;left:63%}.omk-gb-4{height:35%;left:78%}.omk-game-mark{position:absolute;left:40%;bottom:24%;color:#fff;background:#f26522;border:5px solid #e05f2c;box-shadow:6px 8px 0 #a44329;padding:12px 18px;font:700 4rem Georgia,serif;transform:translateZ(50px)}.omk-game-chip{position:absolute;bottom:27px;left:25px;right:25px;color:#fff;font:700 .8rem system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;text-align:center}.omk-game[data-industry="healthcare"] .omk-game-board{background:radial-gradient(circle at 50% 35%,#b9d8c9,#579e9e 58%,#243f43)}.omk-game[data-industry="education"] .omk-game-board{background:radial-gradient(circle at 50% 35%,#e5bf7d,#926c6b 64%,#3c343d)}.omk-game[data-industry="consumer-brand"] .omk-game-board{background:radial-gradient(circle at 50% 35%,#f6c18a,#e57657 64%,#743a3c)}
.omk-game-controls{padding:clamp(1.1rem,3vw,2.5rem);display:flex;flex-direction:column;justify-content:space-between}.omk-game-panel h3{margin:0 0 .7rem;font:500 clamp(1.35rem,2.2vw,2rem) Georgia,serif}.omk-game-panel>p{font-size:.88rem;line-height:1.6;color:#756b61}.omk-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin:2rem 0}.omk-choice-grid label{cursor:pointer;position:relative}.omk-choice-grid input{position:absolute;opacity:0;pointer-events:none}.omk-choice-grid label span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:74px;padding:.65rem;border:1px solid #d7cbbd;border-radius:12px;background:#fff;color:#3d3730;font:650 .88rem system-ui,sans-serif;transition:background .2s,border-color .2s}.omk-choice-grid input:checked+span{background:#2b2723;color:#fff;border-color:#2b2723}.omk-choice-grid input:focus-visible+span{outline:3px solid #f26522;outline-offset:3px}.omk-mix-controls{display:grid;gap:.6rem;margin:1.3rem 0}.omk-range-row{display:block;font:550 .78rem system-ui,sans-serif}.omk-range-row>span{display:flex;justify-content:space-between;margin-bottom:2px}.omk-range-row input{width:100%;accent-color:#f26522;cursor:pointer}.omk-mix-total{font:.82rem system-ui,sans-serif;color:#52463e;padding:.45rem 0}.omk-mix-total strong{font-size:1.2rem}.omk-mix-total span{color:#b14122;margin-left:.5rem}.omk-game-navigation{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;padding-top:1rem;border-top:1px solid #e5d8c9}.omk-text-button{background:none;border:0;text-decoration:underline;color:#765c4a;cursor:pointer;font:650 .76rem system-ui,sans-serif;padding:.35rem}.omk-game-panel[hidden],.omk-game-navigation button[hidden]{display:none!important}.omk-feedback-card{border-bottom:1px solid #ddcfc0;padding:.6rem 0}.omk-feedback-card h4{font:700 .86rem system-ui,sans-serif;margin:0;color:#3b302b}.omk-feedback-card p{font:.78rem/1.6 system-ui,sans-serif;color:#6b5f54;margin:.25rem 0}.omk-blueprint-row{display:grid;grid-template-columns:130px 1fr 48px;gap:.6rem;align-items:center;margin:.4rem 0;font:.73rem system-ui,sans-serif}.omk-blueprint-bar{height:12px;background:#e4d8ca;border-radius:20px;overflow:hidden}.omk-blueprint-bar>span{display:block;height:100%;background:#f26522;border-radius:20px}.omk-disclaimer{font:.7rem/1.6 system-ui,sans-serif;color:#796f64!important}.omk-game--simple .omk-game-board{background:#f0e2d2;min-height:150px}.omk-game--simple .omk-game-ground{display:none}.omk-game--simple .omk-game-chip{color:#46352f;top:60px;bottom:auto}
@media(max-width:900px){.omk-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.omk-process{grid-template-columns:repeat(3,minmax(0,1fr))}.omk-game-main{grid-template-columns:1fr}.omk-game-board{min-height:285px}.omk-game-ground{width:44%;height:74%;left:26%;top:9%}.omk-game-controls{min-height:340px}.omk-scene{min-height:420px}}
@media(max-width:580px){.omk-card-grid{grid-template-columns:1fr;gap:1rem}.omk-process{grid-template-columns:1fr 1fr;gap:1rem}.omk-form-row{grid-template-columns:1fr;gap:1.1rem}.omk-scene{min-height:330px;border-radius:18px}.omk-scene-caption{top:5%;width:82%}.omk-skyline{inset:18% 1% 0}.omk-hotspot{font-size:.62rem;max-width:39%;padding:.3rem .55rem}.omk-hotspot--0{top:45%;left:4%}.omk-hotspot--1{top:21%;right:4%}.omk-hotspot--2{top:80%;left:3%}.omk-hotspot--3{top:65%;right:3%}.omk-game-board{min-height:220px}.omk-game-ground{width:60%;left:18%}.omk-choice-grid label span{min-height:60px;font-size:.78rem}.omk-game-navigation{align-items:stretch}.omk-game-navigation>.omk-button{min-width:100px}.omk-blueprint-row{grid-template-columns:95px 1fr 30px}.omk-game-controls{padding:1.3rem}.omk-game-header{padding:1.4rem 1.3rem .4rem}}
@media(prefers-reduced-motion:reduce){.omk-service-card,.omk-button,.omk-skyline,.omk-game-ground,.omk-game-progress span{transition:none!important;transform:none!important}}
/* Actual procedural WebGL 3D prototype. Canvas remains optional and decorative. */
.omk-webgl-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:1;pointer-events:none;filter:drop-shadow(0 16px 14px #49302633)}
.omk-webgl-ready>.omk-skyline,.omk-webgl-ready>.omk-game-ground{opacity:0;pointer-events:none}
.omk-game-board.omk-webgl-ready>.omk-game-chip{z-index:2}
.omk-game--simple .omk-game-board .omk-webgl-canvas{display:none}

/* RC1: authored directional artwork remains visible as a WebGL fallback. */
.omk-scene{isolation:isolate;background:#171d22!important;box-shadow:0 35px 80px #120d0d22;contain:layout paint}
.omk-scene-poster{position:absolute;inset:0;display:block;z-index:0;overflow:hidden;pointer-events:none}
.omk-scene-poster img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.91);transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.omk-scene:hover .omk-scene-poster img{transform:scale(1.035)}
.omk-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#16151b44,transparent 60%),linear-gradient(0deg,#100c1d88,transparent 38%);z-index:1;pointer-events:none}
.omk-scene-caption,.omk-scene-hotspots,.omk-motion-toggle{z-index:4!important}
.omk-scene-caption strong{color:#fff!important;text-shadow:0 2px 12px #0008}
.omk-scene .omk-webgl-canvas{z-index:2;opacity:.76;mix-blend-mode:screen}
.omk-scene .omk-skyline{z-index:2;opacity:.7}
.omk-scene:not(.omk-webgl-ready)>.omk-skyline{opacity:.45}
.omk-scene-hotspots a{backdrop-filter:blur(9px);background:#211e1cdd}
.omk-game-board{background:#1e292a url('../posters/play-1500.webp') center/cover no-repeat!important}
.omk-game[data-industry="healthcare"] .omk-game-board{background-image:url('../posters/healthcare-1500.webp')!important}
.omk-game[data-industry="education"] .omk-game-board{background-image:url('../posters/education-1500.webp')!important}
.omk-game[data-industry="consumer-brand"] .omk-game-board{background-image:url('../posters/consumer-brand-1500.webp')!important}
.omk-game-board:after{content:"";position:absolute;inset:0;z-index:0;background:#07101455;pointer-events:none}
.omk-game-board .omk-game-chip{z-index:4!important;bottom:25px;background:#171a1baf;padding:12px;border-radius:12px;backdrop-filter:blur(10px)}
.omk-game-board .omk-webgl-canvas{z-index:2;opacity:.92}
.omk-game--simple .omk-game-board{background:#eeded1!important;min-height:150px}
.omk-game--simple .omk-game-board:after{display:none}
@media(max-width:680px){.omk-scene-poster img{object-position:center}.omk-game-board{background-image:url('../posters/play-760.webp')!important}}
@media(prefers-reduced-motion:reduce){.omk-scene-poster img{transition:none!important}.omk-scene:hover .omk-scene-poster img{transform:none}}

.omk-form-success{padding:24px;border:1px solid #6da37b;border-left:5px solid #328b5f;border-radius:12px;background:#f0faf3;margin:15px 0 25px}.omk-form-success strong{font-size:1.1rem}.omk-form-success p{margin:.4rem 0 0;color:#285943}