/* Saathi shares the portfolio's paper and wine, with a quieter, human scale. */
.saathi-cover{width:100%;min-width:0;min-height:470px;height:100%;padding:36px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:30px;background:#6b190c;color:#f1eae0;border-radius:20px;text-align:center}
.saathi-cover-kicker,.saathi-cover-foot{font-size:12px;line-height:1.6;color:#dfbfae;letter-spacing:.035em}
.saathi-signature{font:400 clamp(76px,8vw,122px)/.9 var(--portfolio-serif);letter-spacing:-.045em}
.saathi-signature>span{display:block;font:400 14px/1.6 'DM Sans',sans-serif;letter-spacing:0;margin-top:18px;color:#e4cbbb}
.saathi-cover-note{width:100%;max-width:300px;background:#f1eae0;color:#681b10;padding:24px 28px;border-radius:20px;text-align:left;box-shadow:0 14px 30px #16070312}
.saathi-cover-note>span{font-size:11px;color:#786052}.saathi-cover-note p{font:400 27px/1.1 var(--portfolio-serif);margin:10px 0 18px}
.saathi-cover-moods{display:flex;gap:18px}.saathi-cover-moods svg{width:36px;height:36px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
#category-view .portfolio-project.elderly-care .project-card-art{grid-template-columns:minmax(0,1fr);padding:0;background:transparent}
#category-view .saathi-cover{min-height:420px;padding:28px;gap:26px}
#category-view .saathi-signature{font-size:94px}
#project-view.case-elderly-care .project-hero-image{display:block;padding:0;background:#6b190c;overflow:hidden}
#project-view.case-elderly-care .saathi-cover{min-height:540px;border-radius:var(--portfolio-radius);padding:36px}
.saathi-walkthrough{margin-top:8px}
.saathi-step-nav{display:flex;gap:10px;border-bottom:1px solid #6b190c25;padding-bottom:24px;margin-bottom:32px}
.saathi-step-nav button{display:flex;align-items:center;gap:13px;padding:14px 20px;border:1px solid #6b190c30;border-radius:30px;font:400 14px/1.4 'DM Sans',sans-serif;color:#681b10;transition:background .3s,color .3s}
.saathi-step-nav button>span{opacity:.65;font-size:11px}
.saathi-step-nav button[aria-pressed=true]{background:#6b190c;color:#f1eae0;border-color:#6b190c}
.saathi-stage{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(32px,7vw,110px);padding:14px 28px 28px}
.saathi-context{max-width:390px;min-width:0}
.saathi-eyebrow{display:block;font-size:12px;line-height:1.4;color:#8b6552;margin-bottom:26px}
#project-view .saathi-context h3{font:400 clamp(35px,3.8vw,58px)/1.05 var(--portfolio-serif);letter-spacing:-.025em;color:#681b10;margin-bottom:24px}
.saathi-context>p{font-size:16px;line-height:1.8;color:#695044}
.saathi-context .saathi-hint{font-size:13px;margin-top:24px;color:#786052}
.saathi-source{display:flex;gap:20px;justify-content:space-between;width:100%;font:400 13px/1.5 'DM Sans',sans-serif;color:#681b10;text-align:left;border-bottom:1px solid #6b190c35;margin-top:30px;padding:16px 0}
.saathi-source span{font-size:20px}
.saathi-demo{width:100%;max-width:470px;margin:auto;background:#faf5ed;border:1px solid #6b190c18;border-radius:28px;box-shadow:0 22px 60px #4217070c;color:#4a362d;overflow:hidden}
.saathi-demo>header{padding:24px 30px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #6b190c17}
.saathi-demo>header>span:first-child{font:500 32px/1 var(--portfolio-serif);letter-spacing:-.04em;color:#681b10}
.saathi-demo>header>span:last-child{font-size:10px;color:#8b6552}
#saathi-screen{padding:28px 30px;min-height:458px}
.saathi-screen-label{font-size:12px;color:#8b6552}
#project-view #saathi-screen h4{font:400 38px/1.06 var(--portfolio-serif);letter-spacing:-.02em;color:#681b10;margin:13px 0 25px}
.saathi-task-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.saathi-task-grid button{display:flex;align-items:center;gap:10px;min-height:62px;padding:13px 14px;border:1px solid #6b190c20;background:#f0e7dd;border-radius:12px;font-size:13px;color:#4a362d;text-align:left;transition:background .3s,color .3s}
.saathi-task-grid button>span{flex:0 0 24px;width:24px;font-size:23px;color:#864735;text-align:center}
.saathi-task-grid button[aria-pressed=true]{background:#6b190c;color:#faf5ed;border-color:#6b190c}
.saathi-task-grid button[aria-pressed=true]>span{color:#faf5ed}
.saathi-task-note,.saathi-selection-note{font-size:13px;line-height:1.65;margin-top:22px;min-height:63px;color:#786052}
.saathi-mood-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.saathi-mood-grid button{padding:14px 3px;border-radius:15px;display:flex;flex-direction:column;align-items:center;gap:11px;background:#efe5d9;border:1px solid transparent;color:#786052;font-size:12px}
.saathi-mood-grid svg{width:40px;height:40px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.saathi-mood-grid button[aria-pressed=true]{border-color:#6b190c;background:#e4cebc;color:#681b10}
.saathi-connect{margin-top:30px}.saathi-connect p{font-size:16px;line-height:1.5;margin-bottom:15px}
.saathi-connect>div{display:flex;gap:10px}.saathi-connect button{padding:12px 18px;font-size:13px;border:1px solid #6b190c30;border-radius:30px;color:#681b10}
.saathi-connect button[aria-pressed=true]{background:#6b190c;color:#faf5ed}
.saathi-reading{padding:23px 25px;border-radius:17px;background:#e9dccb;color:#5e463b;transition:background .35s,color .35s}
.saathi-reading>span{font-size:12px}.saathi-reading p{font:400 calc(21px * var(--reading-scale))/1.4 'DM Sans',sans-serif;margin-top:12px;letter-spacing:-.02em}
.saathi-reading.is-contrast{background:#3c1912;color:#fffaf2}
.saathi-size-controls{display:flex;gap:8px;margin-top:22px}.saathi-size-controls button{flex:1;min-height:44px;padding:9px 8px;border:1px solid #6b190c25;border-radius:24px;font-size:12px;color:#681b10}
.saathi-size-controls button[aria-pressed=true]{background:#6b190c;color:#faf5ed}
.saathi-contrast{display:flex;justify-content:space-between;align-items:center;width:100%;padding:20px 0 4px;font-size:14px;color:#4a362d}
.saathi-switch{position:relative;width:39px;height:23px;border-radius:30px;background:#d8c5b5;transition:background .3s}.saathi-switch:after{content:'';position:absolute;width:17px;height:17px;left:3px;top:3px;background:#faf5ed;border-radius:50%;transition:translate .3s}.saathi-contrast[aria-pressed=true] .saathi-switch{background:#6b190c}.saathi-contrast[aria-pressed=true] .saathi-switch:after{translate:16px 0}
.saathi-demo>footer{display:flex;align-items:center;justify-content:space-between;padding:20px 30px;border-top:1px solid #6b190c17;font-size:11px;color:#8b6552}
.saathi-demo>footer>button{display:flex;align-items:center;gap:22px;color:#681b10;font-size:14px;padding:8px 0}.saathi-demo>footer>button>span{font-size:23px}
.saathi-study-note{font-size:12px;color:#786052;line-height:1.7;border-top:1px solid #6b190c25;margin-top:28px;padding-top:22px}
.saathi-walkthrough button:focus-visible{outline:2px solid #9c624d;outline-offset:4px}
#project-view.case-bank-of-baroda .browser-scroll{height:600px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-color:#9c624d #e4d8cc;scrollbar-width:thin}
#project-view.case-bank-of-baroda .browser-scroll img{display:block;width:100%;height:auto;max-height:none;max-width:100%;object-fit:contain}
#project-view.case-bank-of-baroda .browser-scroll:focus-visible{outline:2px solid #681b10;outline-offset:4px}
@media(max-width:1000px){.saathi-stage{gap:32px;padding:0}.saathi-step-nav button{padding:13px 15px}.saathi-context>p{font-size:15px}.saathi-demo>header,#saathi-screen,.saathi-demo>footer{padding-left:22px;padding-right:22px}.saathi-task-grid button{padding:12px 9px;gap:7px}}
@media(max-width:800px){.saathi-stage{grid-template-columns:1fr;gap:28px}.saathi-context{max-width:590px}.saathi-context .saathi-hint{margin-top:15px}.saathi-source{max-width:360px;margin-top:12px}.saathi-demo{max-width:480px}.saathi-step-nav{flex-wrap:wrap;margin-bottom:28px}.saathi-demo>header,#saathi-screen,.saathi-demo>footer{padding-left:28px;padding-right:28px}#project-view.case-elderly-care .saathi-cover{min-height:510px}}
@media(max-width:600px){#category-view .saathi-cover{min-height:370px;padding:25px 20px;gap:25px}#category-view .saathi-signature{font-size:82px}.saathi-signature>span{font-size:12px}.saathi-cover-note{padding:20px 22px}.saathi-cover-kicker,.saathi-cover-foot{font-size:11px}#project-view.case-elderly-care .saathi-cover{min-height:445px;padding:30px 24px}.saathi-step-nav{gap:8px}.saathi-step-nav button{font-size:12px;padding:12px 13px;gap:8px}.saathi-step-nav button>span{font-size:10px}#project-view .saathi-context h3{font-size:39px}.saathi-context>p{font-size:15px}.saathi-demo{border-radius:22px}.saathi-demo>header,#saathi-screen,.saathi-demo>footer{padding-left:20px;padding-right:20px}#saathi-screen{min-height:460px}.saathi-task-grid{gap:8px}.saathi-task-grid button{font-size:12px;min-height:66px;gap:6px;padding:10px 8px}.saathi-task-grid button>span{font-size:20px;min-width:24px;width:24px}#project-view #saathi-screen h4{font-size:35px}.saathi-mood-grid{gap:5px}.saathi-mood-grid button{font-size:11px;padding:12px 2px}.saathi-mood-grid svg{width:34px;height:34px}.saathi-connect button{padding:11px 14px;font-size:12px}.saathi-reading{padding:20px}.saathi-size-controls{gap:5px}.saathi-size-controls button{font-size:11px;padding:9px 4px}.saathi-study-note{font-size:11px}#project-view.case-bank-of-baroda .browser-scroll{height:440px}}
@media(prefers-reduced-motion:reduce){.saathi-walkthrough *{transition:none!important}}