/* One supporting type family and a deliberate reading order. */
.hero-promise,.hero-byline p,.hero-role,.hero-cta{font-family:Sans,Arial,sans-serif}
.hero-promise{font-size:clamp(20px,1.75vw,25px);line-height:1.4;font-weight:400;letter-spacing:-.025em;margin-top:27px;max-width:470px}
.hero-byline{display:block;margin-top:18px;max-width:430px}.hero-byline p{font-size:15px;font-weight:400;line-height:1.6;letter-spacing:0;color:#56594f}
.hero-actions{margin-top:26px}
.hero-role{display:flex;align-items:flex-start;gap:9px;font-size:13px;font-weight:400;line-height:1.6;letter-spacing:0;color:#62645b;margin-top:19px;max-width:465px}
.hero-role>span{display:block;color:inherit}.role-pin{width:15px;height:18px;flex:none;margin-top:1px;fill:var(--thread)}.role-pin circle{fill:var(--paper)}.role-separator{padding:0 4px}
/* Photographs are composed from the original supplied sheets, with print-like grain. */
.print-person{position:absolute;z-index:4;mix-blend-mode:multiply;--depth:1;--shift:45px;--lift:8px}
.photo-cutout{position:relative;display:block;width:100%;height:100%;background-repeat:no-repeat;filter:grayscale(1) contrast(1.38) brightness(1.05);clip-path:var(--silhouette);transition:rotate .4s var(--ease),scale .4s var(--ease)}
.photo-cutout::after{content:'';position:absolute;inset:0;background-image:radial-gradient(#161713 .4px,transparent .6px);background-size:2px 2px;opacity:.17;mix-blend-mode:multiply;pointer-events:none}
.story-constellation .hero-camera{left:4%;top:8%;width:17%}.story-constellation .story-birds{width:16%;top:1%;right:3%}.story-constellation .hero-map-note{left:38%;top:55%;font-size:7px;max-width:95px}
@media(hover:hover) and (pointer:fine){.print-person:hover .photo-cutout{rotate:-3deg;scale:1.07}}
/* The story invitation belongs to the collage and remains clear of the footer. */
.hero-collage.story-constellation{bottom:20%}
.collage-footer{position:absolute;top:calc(100% + 7px);left:-3%;right:auto;width:max-content;max-width:110%;display:grid;grid-template-columns:auto auto;gap:10px 22px;align-items:center;justify-content:start;z-index:12}
.story-constellation .collage-footer .collage-tag{position:static;margin:0;padding:9px 12px;font:400 11px/1.3 Sans,Arial,sans-serif;transform:rotate(-5deg);white-space:nowrap}
.hero .collage-footer .story-entrance{position:static;display:flex;gap:10px;white-space:nowrap;max-width:none;padding:7px 0;margin:0;font:700 14px/1.3 Sans,Arial,sans-serif;transform:none}
.collage-footer .story-entrance::before{display:none}.collage-footer .story-entrance-label{max-width:none}.collage-footer .story-entrance .scroll-arrow{width:33px;height:33px;font-size:21px;background:var(--paper)}
.story-constellation .collage-footer .collage-caption{position:static;grid-column:1/-1;justify-self:end;font:italic 13px/1.3 Georgia,serif;margin-top:3px;transform:none;white-space:nowrap}
html:not(.scroll-enabled) .hero .collage-footer .story-entrance{display:none}
/* Smaller, lighter type lets the brands carry the composition. */
.now-art .brand-scatter-label{top:43%;font:400 clamp(15px,5.2cqw,28px)/1.28 Sans,Arial,sans-serif;letter-spacing:-.025em}
@media(min-width:681px) and (max-height:800px){.hero-promise{font-size:20px;margin-top:22px}.hero-byline{margin-top:15px}.hero-byline p{font-size:14px}.hero-actions{margin-top:22px}.hero-role{font-size:12px;margin-top:17px;max-width:420px}.hero-collage.story-constellation{bottom:24%;width:min(34vw,52vh)}.hero .collage-footer .story-entrance{font-size:12px}.story-constellation .collage-footer .collage-tag{font-size:10px;padding:8px 10px}}
@media(min-width:681px) and (max-width:1000px){.hero-byline{max-width:340px}.hero-promise{font-size:19px}.hero-role{max-width:340px;font-size:12px}.collage-footer{left:-20%;right:0;gap:9px}.hero .collage-footer .story-entrance{font-size:11px}.story-constellation .collage-footer .collage-tag{font-size:9px;padding:8px}.collage-footer .story-entrance .scroll-arrow{width:27px;height:27px;font-size:18px}}
@media(max-width:680px){
 .hero-promise{font-size:17px;line-height:1.4;margin-top:19px;max-width:100%}.hero-byline{margin-top:14px;max-width:100%}.hero-byline p{font-size:12px;line-height:1.55;max-width:100%}.hero-actions{margin-top:20px}.hero-role{font-size:11px;line-height:1.5;margin-top:16px;max-width:100%;gap:7px}.role-pin{width:13px;height:16px;margin-top:1px}
 .hero-collage.story-constellation{width:min(52vw,27svh);bottom:16%;right:10%}
 .story-constellation .hero-map-note{font-size:4px;max-width:50px}.collage-footer{top:calc(100% + 9px);left:-105px;right:0;width:auto;max-width:none;gap:10px;grid-template-columns:auto auto;justify-content:end}
 .story-constellation .collage-footer .collage-tag{font-size:8px;padding:8px;transform:rotate(-5deg)}.hero .collage-footer .story-entrance{font-size:12px;min-height:44px;padding:6px 0;gap:8px;max-width:none;white-space:nowrap}.collage-footer .story-entrance .scroll-arrow{width:28px;height:28px;font-size:18px}.story-constellation .collage-footer .collage-caption{display:none}
 .now-art .brand-scatter-label{font-size:clamp(12px,5.8cqw,18px);line-height:1.3}
}
@media(max-width:680px) and (max-height:740px){
 .hero-promise{font-size:15px;margin-top:16px}.hero-byline{margin-top:12px}.hero-byline p{font-size:11px;line-height:1.5}.hero-actions{margin-top:16px}.hero-role{font-size:10px;margin-top:13px;line-height:1.45}.role-pin{width:12px;height:14px}
 .hero-collage.story-constellation{width:22svh;bottom:15%;right:10%}.collage-footer{left:-125px;right:-1%;gap:10px;top:calc(100% + 7px)}.hero .collage-footer .story-entrance{font-size:11px}.story-constellation .collage-footer .collage-tag{font-size:7px}
}
@media(prefers-reduced-motion:reduce){.photo-cutout{transition:none}.hero .collage-footer .story-entrance{display:none}.collage-footer{display:block}.story-constellation .collage-footer .collage-tag{display:inline-block}.hero-collage.story-constellation{bottom:13%}}
.photo-young-reader{background-image:url(assets/photographic-people-9.jpg);background-size:481.045752% 431.683168%;background-position:3.602058% 1.393035%;--silhouette:polygon(38% 1%,51% 0%,57% 4%,57% 10%,56% 16%,52% 22%,59% 27%,64% 34%,96% 31%,100% 33%,94% 42%,79% 48%,72% 49%,68% 60%,69% 79%,74% 88%,87% 93%,86% 97%,64% 98%,56% 95%,50% 83%,45% 81%,45% 93%,39% 100%,20% 100%,19% 96%,23% 86%,23% 76%,14% 66%,10% 53%,3% 43%,5% 30%,19% 24%,21% 16%,20% 11%,24% 5%);}
.print-young-reader{left:34.0909%;top:0.9434%;width:11.2466%;height:18.4906%;--rotation:-7deg;--depth:1.1;}
.photo-grocer{background-image:url(assets/photographic-people-9.jpg);background-size:404.395604% 273.640167%;background-position:90.974729% 1.445783%;--silhouette:polygon(66% 0%,85% 2%,97% 9%,88% 11%,90% 14%,84% 17%,89% 21%,90% 37%,85% 52%,79% 75%,93% 88%,94% 96%,83% 99%,62% 100%,48% 97%,42% 94%,46% 91%,26% 94%,17% 92%,14% 89%,27% 87%,32% 86%,29% 79%,28% 75%,28% 49%,17% 37%,5% 35%,0% 28%,4% 25%,11% 27%,7% 19%,0% 11%,4% 10%,14% 21%,23% 23%,26% 18%,25% 9%,42% 10%,49% 15%,56% 15%,60% 11%,60% 7%,62% 5%,61% 3%);}
.print-grocer{left:69.3182%;top:14.5283%;width:9.6919%;height:21.1321%;--rotation:5deg;--depth:0.9;}
.photo-painter{background-image:url(assets/photographic-people-9.jpg);background-size:413.483146% 330.303030%;background-position:5.913978% 39.583333%;--silhouette:polygon(28% 0%,33% 0%,35% 9%,68% 9%,81% 8%,85% 13%,90% 14%,91% 17%,85% 19%,84% 22%,93% 28%,98% 38%,97% 54%,91% 59%,90% 81%,87% 94%,88% 99%,73% 99%,70% 96%,72% 89%,66% 74%,62% 61%,58% 81%,55% 95%,54% 100%,33% 100%,31% 97%,41% 94%,44% 81%,40% 64%,27% 85%,24% 87%,23% 83%,29% 69%,27% 58%,20% 57%,5% 88%,2% 87%,1% 84%,12% 57%,0% 56%,0% 10%,27% 10%);}
.print-painter{left:0.2273%;top:50.5660%;width:10.8287%;height:20.0000%;--rotation:-6deg;--depth:1.1;}
.photo-news-reader{background-image:url(assets/photographic-people-9.jpg);background-size:413.483146% 338.860104%;background-position:48.924731% 38.720174%;--silhouette:polygon(33% 2%,44% 0%,55% 2%,60% 9%,59% 14%,56% 17%,61% 18%,86% 21%,92% 26%,96% 39%,100% 44%,98% 47%,90% 49%,90% 55%,93% 62%,87% 78%,91% 96%,87% 96%,83% 81%,76% 91%,72% 98%,59% 100%,54% 98%,57% 93%,61% 88%,63% 78%,67% 64%,58% 61%,42% 61%,32% 66%,35% 82%,40% 88%,46% 96%,43% 100%,24% 100%,22% 97%,26% 91%,25% 87%,19% 69%,12% 89%,9% 97%,6% 96%,8% 78%,12% 56%,2% 49%,1% 45%,6% 41%,8% 28%,13% 23%,29% 20%,34% 17%,32% 13%,29% 9%,29% 5%);}
.print-news-reader{left:19.5455%;top:73.7736%;width:10.3756%;height:18.6792%;--rotation:6deg;--depth:0.9;}
.photo-phone-walker{background-image:url(assets/photographic-people-9.jpg);background-size:264.748201% 292.617450%;background-position:97.598253% 54.587689%;--silhouette:polygon(28% 1%,35% 0%,42% 3%,45% 7%,44% 12%,49% 15%,57% 15%,66% 18%,75% 25%,82% 36%,82% 41%,74% 44%,65% 43%,60% 45%,66% 56%,78% 68%,92% 83%,99% 91%,98% 97%,85% 99%,77% 97%,79% 92%,76% 88%,64% 76%,57% 65%,49% 57%,44% 67%,37% 78%,29% 91%,32% 95%,31% 99%,15% 100%,1% 98%,0% 95%,9% 93%,16% 82%,21% 69%,27% 57%,28% 49%,31% 40%,26% 38%,20% 37%,12% 35%,10% 32%,6% 32%,5% 29%,9% 29%,13% 32%,21% 32%,26% 32%,29% 32%,31% 27%,35% 20%,34% 16%,28% 14%,23% 10%,20% 7%,22% 3%);}
.print-phone-walker{left:6.1364%;top:24.9057%;width:14.7000%;height:19.6226%;--rotation:-8deg;--depth:1.1;}
.photo-thoughtful{background-image:url(assets/photographic-people-9.jpg);background-size:618.487395% 253.980583%;background-position:46.515397% 94.577554%;--silhouette:polygon(52% 0%,67% 1%,80% 4%,92% 13%,100% 24%,95% 27%,90% 28%,87% 30%,82% 32%,79% 34%,84% 44%,83% 60%,87% 87%,91% 92%,94% 97%,92% 99%,86% 100%,38% 100%,35% 97%,47% 94%,50% 90%,36% 89%,30% 79%,24% 56%,13% 41%,13% 36%,7% 34%,2% 34%,0% 30%,3% 26%,15% 22%,23% 16%,30% 13%,34% 10%,32% 6%,44% 4%,45% 2%);}
.print-thoughtful{left:47.9545%;top:77.3585%;width:5.7767%;height:20.7547%;--rotation:3deg;--depth:0.7;}
.photo-hat-reader{background-image:url(assets/photographic-people-10.jpg);background-size:465.517241% 519.480519%;background-position:71.132075% 1.238390%;--silhouette:polygon(28% 3%,39% 1%,48% 2%,50% 8%,58% 11%,62% 14%,51% 17%,58% 20%,69% 24%,77% 34%,89% 38%,99% 52%,93% 61%,85% 65%,92% 95%,89% 97%,81% 68%,70% 72%,64% 99%,61% 99%,65% 73%,54% 73%,53% 99%,50% 99%,47% 79%,35% 86%,24% 95%,12% 99%,0% 97%,7% 92%,15% 88%,29% 62%,19% 63%,16% 67%,10% 65%,14% 60%,16% 48%,21% 37%,31% 34%,34% 31%,32% 22%,26% 19%,29% 15%,16% 13%,14% 9%,20% 7%);}
.print-hat-reader{left:82.9545%;top:40.1887%;width:12.8394%;height:16.9811%;--rotation:7deg;--depth:0.7;}
.photo-standing-reader{background-image:url(assets/photographic-people-10.jpg);background-size:465.517241% 352.941176%;background-position:4.339623% 45.465116%;--silhouette:polygon(45% 0%,83% 0%,83% 16%,86% 18%,90% 44%,100% 55%,100% 81%,77% 84%,78% 95%,77% 100%,42% 100%,37% 94%,38% 52%,32% 47%,32% 41%,22% 34%,15% 25%,0% 14%,0% 10%,22% 15%,33% 24%,38% 21%,48% 16%,44% 10%);}
.print-standing-reader{left:39.5455%;top:34.9057%;width:10.2741%;height:20.0000%;--rotation:-4deg;--depth:0.7;}
.photo-leaping-child{background-image:url(assets/photographic-people-10.jpg);background-size:597.345133% 550.458716%;background-position:70.284698% 53.665988%;--silhouette:polygon(71% 0%,75% 3%,71% 10%,67% 17%,60% 25%,64% 31%,71% 32%,78% 34%,85% 40%,90% 43%,88% 49%,82% 52%,75% 52%,70% 49%,65% 49%,62% 52%,70% 55%,79% 59%,86% 60%,88% 63%,84% 64%,77% 63%,64% 58%,57% 56%,55% 66%,57% 78%,66% 91%,65% 98%,55% 100%,49% 97%,48% 93%,43% 82%,36% 75%,32% 79%,31% 90%,35% 94%,33% 96%,21% 97%,16% 94%,19% 90%,17% 79%,20% 67%,15% 59%,12% 53%,18% 47%,22% 43%,29% 41%,37% 35%,40% 29%,45% 25%,52% 21%,58% 13%,62% 7%,65% 3%);}
.print-leaping-child{left:59.0909%;top:55.6604%;width:10.8382%;height:17.3585%;--rotation:8deg;--depth:1.3;}
.photo-elder-reader{background-image:url(assets/photographic-people-10.jpg);background-size:586.956522% 412.371134%;background-position:99.285714% 65.896590%;--silhouette:polygon(40% 1%,50% 0%,60% 2%,64% 6%,62% 11%,57% 14%,65% 17%,79% 20%,86% 26%,97% 35%,96% 39%,86% 44%,82% 47%,83% 53%,82% 65%,79% 76%,84% 94%,89% 98%,88% 100%,71% 100%,67% 97%,66% 92%,62% 78%,48% 77%,46% 93%,46% 97%,40% 100%,26% 99%,23% 96%,29% 91%,30% 78%,18% 78%,19% 66%,17% 51%,10% 56%,5% 61%,1% 60%,0% 55%,4% 45%,8% 40%,10% 29%,13% 23%,19% 18%,32% 16%,31% 12%,29% 8%,31% 4%);}
.print-elder-reader{left:72.9545%;top:71.8868%;width:8.8918%;height:18.6792%;--rotation:-4deg;--depth:1.1;}

/* Hand-drawn echoes around the original portrait; paper-soft footer. */
.portrait{isolation:isolate}.portrait img,.portrait figcaption{position:relative;z-index:1}
.selfie-ripples{position:absolute;width:145%;height:auto;max-width:none;left:-19%;top:-19%;z-index:0;pointer-events:none;overflow:visible;transform:rotate(8deg)}
.selfie-ring{fill:none;stroke-width:1.7;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke:var(--blue);transition:stroke-dashoffset 1.3s var(--ease);stroke-dasharray:1;stroke-dashoffset:1}
.selfie-ring.ring-1{stroke:var(--thread);stroke-width:1.4;transition-delay:.12s}.selfie-ring.ring-2{stroke:#a6c923;stroke-width:2.3;transition-delay:.24s}
.portrait.in-view .selfie-ring{stroke-dashoffset:0}.portrait figcaption{background:var(--paper);padding:4px 0}
.contact{background:#e7efb7;background:color-mix(in srgb,var(--lime) 34%,var(--paper));}
@media(max-width:700px){.selfie-ripples{width:120%;left:-8%;top:-9%}.hero-role{max-width:340px}}
@media(prefers-reduced-motion:reduce){.selfie-ring{stroke-dashoffset:0;transition:none}}

/* A clear, typography-led thesis cover and extensible project categories. */
.maitreyi-stage{height:420px;min-height:0}.maitreyi-statement{top:50%;transform:translateY(-55%);right:40px}.maitreyi-statement>p{font-size:clamp(36px,5.3vw,76px)}.thesis-label{display:block;font:500 15px/1.4 Sans,Arial,sans-serif;margin-top:24px;letter-spacing:.01em}
@media(max-width:700px){.maitreyi-stage{height:360px}.maitreyi-statement{left:22px;right:22px;top:45%}.maitreyi-statement>p{font-size:clamp(32px,7.6vw,48px)}.thesis-label{font-size:13px;margin-top:20px}.maitreyi-stage .stage-caption{max-width:220px}}

/* Original app screens, with space reserved beside the thesis title. */
.maitreyi-stage{height:auto;min-height:520px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:5%;padding:44px 5% 80px}
.maitreyi-statement{position:relative;inset:auto;transform:none}.maitreyi-statement>p{font-size:clamp(32px,4vw,62px)}
.maitreyi-screens{display:flex;align-items:center;justify-content:center;gap:18px;padding:20px 10px}
.maitreyi-stage .phone{position:relative;inset:auto;width:43%;max-width:175px;flex:none;border-width:4px;border-radius:22px}
.maitreyi-stage .phone-welcome{transform:rotate(-7deg) translateY(-12px)}.maitreyi-stage .phone-home{transform:rotate(6deg) translateY(15px)}
.hero .collage-footer{display:flex;justify-content:center;width:100%;max-width:none;left:0;right:auto}
.hero .collage-footer .story-entrance{background:var(--blue);color:#fff;padding:13px 19px;gap:18px;font-weight:700;min-height:46px;transform:rotate(-3deg);transition:transform .25s,box-shadow .25s}
.hero .collage-footer .story-entrance:hover{transform:rotate(0deg) translateY(-2px);box-shadow:3px 4px 0 #191a1720}
.hero .collage-footer .story-entrance .scroll-arrow{background:transparent;border:0;border-radius:0;color:inherit;width:auto;height:auto;font-size:23px;animation:none;transform:none}
@media(max-width:700px){.maitreyi-stage{grid-template-columns:1fr;gap:18px;padding:44px 22px 90px;min-height:0}.maitreyi-statement>p{font-size:clamp(32px,7.6vw,48px)}.maitreyi-screens{padding:16px 6px;gap:16px}.maitreyi-stage .phone{width:40%;max-width:160px;border-width:3px;border-radius:18px}.maitreyi-stage .stage-caption{max-width:145px}.hero .collage-footer{left:-60px;width:calc(100% + 60px);justify-content:center}.hero .collage-footer .story-entrance{padding:10px 14px;gap:14px}}
@media(prefers-reduced-motion:reduce){.hero .collage-footer .story-entrance{display:none;transition:none}}