/* Two clear routes: work + résumé together; the story begins at the scroll edge. */
.hero-actions{gap:16px;align-items:stretch}
.cta-resume{background:transparent;color:var(--ink);box-shadow:none;border-color:var(--ink)}
.cta-resume:hover{background:var(--lime);box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}
.hero .story-entrance{position:absolute;left:auto;right:5.2vw;bottom:70px;display:flex;flex-direction:row;align-items:center;gap:22px;max-width:none;padding:12px 0;font-size:13px;font-weight:700;line-height:1.3;z-index:10;transform:none;white-space:nowrap}
.story-entrance::before{content:'';width:45px;height:1px;background:var(--thread)}
.story-entrance .scroll-arrow{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--thread);border-radius:50%;font-size:21px}
.story-entrance:focus-visible{outline:2px solid var(--blue);outline-offset:6px}
html:not(.scroll-enabled) .hero .story-entrance{display:none}
/* Full-resolution, alpha-backed figures; no enlarged low-resolution photo crops. */
.human-cutout{display:block;width:100%;height:100%;background-image:url(assets/human-perspectives.png);background-repeat:no-repeat;filter:grayscale(1);transition:rotate .45s var(--ease),scale .45s var(--ease)}
.story-person{z-index:4;--depth:1;--shift:70px;--lift:12px}
.person-tote{width:20%;aspect-ratio:245/470;left:29%;top:-2%;--rotation:-10deg;--depth:1.2;--shift:75px}
.person-walker{width:23%;aspect-ratio:260/470;right:1%;top:31%;--rotation:9deg;--depth:1.5;--shift:110px}
.person-backpack{width:21%;aspect-ratio:260/470;left:-1%;top:34%;--rotation:-12deg;--shift:-60px}
.person-reader{width:18%;aspect-ratio:230/470;left:43%;bottom:-1%;--rotation:10deg;--depth:.8;--shift:90px}
.person-elder{width:16%;aspect-ratio:270/470;left:12%;bottom:13%;--rotation:-6deg;--depth:1.2;--shift:-40px}
.story-constellation .hero-camera{left:5%;top:13%;width:20%}
.story-constellation .hero-map-note{left:38%;top:42%;max-width:100px}
.story-constellation .collage-caption{top:auto;bottom:-4%;font-size:15px;white-space:nowrap}
.constellation-thread{z-index:5}
.thread-token rect{fill:var(--thread);stroke:none}
.thread-token text{font:700 9px Sans,Arial,sans-serif;fill:white;stroke:none;text-anchor:middle;letter-spacing:.01em}
@media(hover:hover) and (pointer:fine){.layer:hover>.human-cutout{rotate:-4deg;scale:1.04}}
/* The central thought anchors a balanced constellation of five unframed marks. */
.now-art{container-type:inline-size}
.now-art .now-circle{inset:12% 1% 12%;opacity:.2;transform:rotate(-12deg)}
.brand-scatter-label{z-index:3;inset:40% 0 auto;max-width:none;text-align:center;color:var(--blue);font:700 8.3cqw/1.03 Display,Arial,sans-serif;letter-spacing:-.05em;transform:none;pointer-events:none}
.brand-cars{width:36%;left:4%;top:13%;--rotation:-3deg;--brand-shift:-9px}
.brand-jio{width:15%;right:13%;top:8%;--rotation:3deg;--brand-shift:9px}
.brand-suzuki{width:22%;left:3%;right:auto;top:67%;--rotation:-3deg;--brand-shift:8px}
.brand-suzuki img{width:45%;height:auto}.brand-suzuki span{font-size:4.2cqw}
.brand-bookmyshow{width:43%;right:1%;left:auto;top:69%;font-size:6.2cqw;--rotation:3deg;--brand-shift:-8px}.brand-bookmyshow img{width:6.2cqw;height:6.2cqw;max-height:none}
.brand-quillbot{width:38%;left:31%;right:auto;top:91%;--rotation:0deg;--brand-shift:4px}
.brand-context{font-size:1.35cqw;bottom:-19px}.brand-jio .brand-context{bottom:-17px}.brand-bookmyshow .brand-context{bottom:-19px}.brand-quillbot .brand-context{font-size:1.55cqw;bottom:-20px}
.now-art .now-service-label{left:0;right:0;bottom:-19%;text-align:center;font:italic 15px/1.3 Georgia,serif;transform:none}
@media(min-width:681px) and (max-height:800px){.hero .story-entrance{bottom:57px;font-size:12px;padding:7px 0}.story-entrance .scroll-arrow{width:32px;height:32px}.hero-collage.story-constellation{width:min(34vw,52vh);bottom:23%}.story-constellation .collage-caption{bottom:-8%;font-size:14px}}
@media(min-width:681px) and (max-width:1000px){.brand-scatter-label{font-size:8.3cqw}.hero-cta{gap:18px}.story-constellation .hero-map-note{max-width:70px}.brand-context{bottom:-15px}}
@media(max-width:680px){
 .hero-actions{grid-template-columns:1fr 1.25fr;gap:12px}.hero-cta{font-size:14px;padding:12px;min-height:51px}
 .hero .story-entrance{left:24px;right:auto;bottom:67px;gap:10px;font-size:11px;padding:8px 0;white-space:normal;max-width:125px;text-align:left}
 .story-entrance::before{display:none}.story-entrance-label{max-width:68px}.story-entrance .scroll-arrow{width:29px;height:29px;flex-shrink:0;font-size:18px}
 .hero-collage.story-constellation{width:min(55vw,30svh);bottom:13%;right:10%}
 .story-constellation .hero-map-note{max-width:54px;font-size:4.5px}.story-constellation .collage-tag{left:-3%;font-size:6px}.thread-token text{font-size:10px}
 .brand-scatter-label{font-size:8.3cqw}.brand-context{font-size:1.5cqw;bottom:-13px}.brand-jio .brand-context{bottom:-12px}.brand-bookmyshow .brand-context{bottom:-14px}.brand-quillbot .brand-context{font-size:1.65cqw;bottom:-14px}.now-art .now-service-label{font-size:11px;bottom:-20%}
 .story-now .story-art{margin-bottom:55px}
}
@media(max-width:680px) and (max-height:740px){.hero-cta{min-height:46px;font-size:13px}.hero-collage.story-constellation{width:25svh;bottom:13%;right:10%}.hero .story-entrance{bottom:56px;font-size:10px}.story-constellation .collage-tag{font-size:5px}.story-now .story-art{margin-bottom:42px}}
@media(prefers-reduced-motion:reduce){.human-cutout{transition:none}.thread-token .constellation-dot{display:block}.hero .story-entrance{display:none}.hero-collage.story-constellation{bottom:14%}.hero-cta{transition:none}}
.human-tote{background-size:626.938776% 217.872340%;background-position:14.717273% 5.415162%;}
.human-backpack{background-size:590.769231% 217.872340%;background-position:50.156740% 5.415162%;}
.human-walker{background-size:590.769231% 217.872340%;background-position:88.166144% 5.415162%;}
.human-elder{background-size:568.888889% 217.872340%;background-position:12.638231% 94.765343%;}
.human-reader{background-size:667.826087% 217.872340%;background-position:50.153139% 94.765343%;}