:root{--foreground:#332e29;--muted:#e8e0d4;--primary:#41382f;--background:#f4efe6;color-scheme:light;font-family:Arial,Helvetica,sans-serif;color:var(--foreground);background:var(--background)}
*{box-sizing:border-box}body{margin:0}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #a77e48;outline-offset:4px}h1,h2,p{margin-top:0}p{line-height:1.7}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(42px,7vw,82px);line-height:1.04;letter-spacing:-.045em;margin:20px 0 28px}h1 em{font-weight:400;color:#846c50}h2{font-size:32px;letter-spacing:-.025em}.top,main,footer{max-width:1120px;margin:auto;padding-left:32px;padding-right:32px}.top{padding-top:28px;padding-bottom:25px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d8ccbc;gap:18px}.brand{text-decoration:none;font-family:Georgia,serif;font-size:27px;letter-spacing:4px}.brand span{font-family:Arial,sans-serif;display:block;font-size:9px;letter-spacing:2px;margin-top:7px}.quiet{border:0;background:transparent;text-decoration:underline;text-underline-offset:5px;color:#62523f;padding:10px 0;min-height:44px}.intro{padding:64px 0 36px;max-width:760px}.eyebrow{font-size:11px;letter-spacing:2.5px;color:#826d51;font-weight:600}.lead{max-width:620px;font-size:18px;color:#665b4f}.steps{display:flex;justify-content:space-between;gap:16px;padding:23px 0;border-top:1px solid #d8ccbc;border-bottom:1px solid #d8ccbc;font-size:13px}.steps b{color:#9e8667;font-family:Georgia,serif;font-size:19px;margin-right:12px;font-weight:400}.experience{padding:38px 0 0}.viz-controls{display:flex;gap:8px;flex-wrap:wrap}.btn{padding:13px 20px;min-height:46px;border:1px solid #cdbfae;border-radius:7px;background:transparent;color:#41382f;font-size:14px;line-height:1.4;transition:background .2s}.btn:hover{background:#e9e1d5}.btn[aria-pressed=true],.btn-primary{background:#41382f;color:#fff;border-color:#41382f}.btn-primary:hover{background:#62523f}.form-label{display:block;font-size:15px;margin:0}.text-small,.small{font-size:12px;line-height:1.6;color:#756b5f}.tabular-nums{font-variant-numeric:tabular-nums}.form-range{width:100%;accent-color:#8e7659;height:34px;margin:0;cursor:ew-resize}.form-control,textarea{display:block;width:100%;font:inherit;font-size:16px;line-height:1.5;padding:14px 16px;border:1px solid #cdbfae;border-radius:7px;background:#faf7f1;color:#332e29;resize:vertical;margin:10px 0}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 14px}.result-section{padding:40px 0;border-top:1px solid #d8ccbc;margin-top:38px}.result-section>p{max-width:710px}.result-section h2{margin-bottom:14px}.status{color:#665039;min-height:24px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:25px}.comparison[hidden]{display:none}.comparison figure{margin:0}.comparison canvas{display:block;width:100%;height:auto}.comparison figcaption{margin-bottom:10px;font-size:14px}.about{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;padding:40px 0;border-top:1px solid #d8ccbc}.about p{color:#756b5f}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #d8ccbc;padding-top:25px;padding-bottom:32px;font-size:11px;letter-spacing:1px;color:#826d51}[hidden]{display:none!important}
#kosha-personal-yantra{color:#332e29}#kosha-personal-yantra>h2{font-size:25px}#kosha-personal-yantra canvas{display:block;width:100%;aspect-ratio:8/5}#kosha-personal-yantra .yantra-stage{position:relative;isolation:isolate;margin:22px 0 12px;overflow:hidden;border-radius:3px}#kosha-personal-yantra .yantra-layer{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:88%;aspect-ratio:1;pointer-events:none;opacity:.08;mix-blend-mode:multiply}#kosha-personal-yantra .yantra-layer img{width:100%;height:100%;display:block;object-fit:contain}#kosha-personal-yantra .paint-controls{display:grid;grid-template-columns:1fr 1fr;gap:24px 36px;margin:28px 0}#kosha-personal-yantra .paint-label{display:flex;justify-content:space-between;gap:12px;align-items:baseline}#kosha-personal-yantra .paint-sub{margin:6px 0}#kosha-personal-yantra .paint-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px}#kosha-personal-yantra .paint-scale{display:flex;justify-content:space-between;gap:16px}#kosha-personal-yantra [data-status]{margin-bottom:18px}
@media(max-width:650px){.top,main,footer{padding-left:20px;padding-right:20px}.top{align-items:flex-start}.top .quiet{font-size:12px;max-width:135px;text-align:right}.brand{font-size:22px}.brand span{font-size:8px}.intro{padding-top:42px}.lead{font-size:16px}.steps{flex-direction:column;gap:10px}.experience{padding-top:28px}#kosha-personal-yantra .paint-controls{grid-template-columns:1fr;gap:18px}.about{grid-template-columns:1fr;gap:10px}.comparison{grid-template-columns:1fr}.actions{display:grid;grid-template-columns:1fr 1fr}.actions .btn{padding:12px 8px}.about h2{font-size:29px}footer{flex-direction:column;gap:12px}}

/* The artwork is now a portrait silhouette, without a rectangular painted field. */
#kosha-personal-yantra .yantra-stage{max-width:580px;margin:24px auto 16px;overflow:visible;background:radial-gradient(ellipse at 50% 48%,#e7ddcd00 35%,#e7ddcd00 70%)}
#kosha-personal-yantra canvas{aspect-ratio:24/25;filter:drop-shadow(0 12px 24px rgba(118,95,64,.13))}
#kosha-personal-yantra .yantra-layer{top:45%;height:auto;width:19%;aspect-ratio:1}

#kosha-personal-yantra .yantra-layer{top:51%;width:15%;background:white;border-radius:50%;mix-blend-mode:normal;overflow:hidden}

.intro{max-width:none;padding-bottom:28px}.intro h1{font-size:clamp(38px,6vw,66px)}
.body-guide{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px;max-width:900px;margin:24px 0}
.body-guide p{margin:0;font-size:14px;line-height:1.5}.body-guide b,.body-guide span{display:block}.body-guide b{margin-bottom:3px;color:#665039}.body-guide span{color:#756b5f}
.how-to{max-width:820px;padding-top:12px}.how-to h2{font-size:25px;margin-bottom:12px}.how-to ol{padding-left:22px;margin:0 0 12px;line-height:1.6;font-size:15px}.how-to li{margin-bottom:7px}
.go-map{display:inline-block;text-decoration:none;margin-top:8px}.map-workspace{scroll-margin-top:8px}.map-workspace h2{font-size:25px;margin-bottom:12px}
@media(max-width:650px){
 .body-guide{grid-template-columns:1fr;gap:10px;margin:20px 0}.body-guide p{font-size:13px}.intro{padding-top:28px}.intro h1{margin:14px 0 18px}.lead{margin-bottom:16px}
 .map-workspace{padding:8px 0 6px}.map-workspace h2{font-size:21px;margin:0 0 8px;line-height:1.2}
 #kosha-personal-yantra .viz-controls{gap:6px}#kosha-personal-yantra .viz-controls .btn{min-height:36px;padding:7px 12px;font-size:12px;flex:1}
 #kosha-personal-yantra .yantra-stage{width:auto;height:clamp(130px,25svh,220px);aspect-ratio:24/25;margin:7px auto 3px;max-width:100%}
 #kosha-personal-yantra .yantra-stage canvas{width:100%;height:100%}
 #kosha-personal-yantra .paint-scale{font-size:10px;line-height:1.3;margin:0 0 5px;gap:8px}
 #kosha-personal-yantra .paint-controls{display:grid;grid-template-columns:1fr;gap:0;margin:0 0 5px}
 #kosha-personal-yantra .paint-label{height:20px;align-items:center;gap:8px}
 #kosha-personal-yantra .paint-label .form-label{font-size:13px;line-height:20px}
 #kosha-personal-yantra .paint-label output{font-size:12px;white-space:nowrap}
 #kosha-personal-yantra .paint-sub{display:none}
 #kosha-personal-yantra .form-range{display:block;height:30px;margin:0;touch-action:pan-y}
 #kosha-personal-yantra [data-status]{font-size:10px;margin:6px 0 12px}
}
@media(max-width:650px) and (max-height:610px){#kosha-personal-yantra .yantra-stage{height:130px}.map-workspace h2{font-size:18px}}

.welcome{max-width:820px;padding:48px 0 32px}.welcome h1{font-size:clamp(40px,6vw,68px);margin:16px 0 26px}.welcome-copy{max-width:700px;font-size:17px;color:#665b4f}.welcome-copy p{margin-bottom:16px;line-height:1.7}.welcome-signature{padding-top:4px;font-family:Georgia,serif;font-style:italic}.welcome-signature span{display:block;font-size:28px;margin-top:5px;color:#41382f}.welcome-jump{display:inline-block;font-size:14px}.intro{border-top:1px solid #d8ccbc;padding-top:30px}.guide-title{font-size:clamp(30px,5vw,46px);line-height:1.1;margin:14px 0 20px}.guide-title em{color:#846c50}
@media(max-width:650px){.welcome{padding:30px 0 24px}.welcome h1{margin:12px 0 22px}.welcome-copy{font-size:15px}.welcome-copy p{margin-bottom:14px}.welcome-signature span{font-size:25px}}

.brand-lockup{display:flex;align-items:center;gap:22px;min-width:0}.deep-logo{position:relative;display:block;flex:0 0 auto;width:112px;aspect-ratio:835/635;overflow:hidden;mix-blend-mode:multiply}.deep-logo img{position:absolute;display:block;width:154.491%;max-width:none;height:auto;left:-25.15%;top:-66.142%}.top{padding-top:18px;padding-bottom:18px}
@media(max-width:650px){.brand-lockup{gap:12px}.deep-logo{width:76px}.brand-lockup .brand{font-size:20px;letter-spacing:2px}.brand-lockup .brand span{display:none}.top{align-items:center;gap:12px;padding-top:12px;padding-bottom:12px}.top .quiet{max-width:120px;font-size:11px}}
