/* A quieter first screen: role, routes, then the story. */
.hero-editorial{top:15%;width:57%;max-width:750px}.hero h1{font-size:clamp(61px,6.3vw,108px);line-height:1.01}.hero-eyebrow{margin-bottom:21px;font-size:10px;font-weight:700}
.hero-role{margin-top:20px;font-size:clamp(17px,1.6vw,24px);line-height:1.4;letter-spacing:-.03em}.hero-role strong{font-weight:700}.hero-role>span{color:#56594f}
.hero-promise{font-size:clamp(18px,1.6vw,23px);margin-top:23px;line-height:1.28}.hero-byline{margin-top:15px;max-width:430px}.hero-byline p{font-size:14px;line-height:1.5}
.hero-actions{margin-top:24px}.hero-cta{min-height:57px;min-width:195px;padding:14px 22px;font-size:18px}.route-note{margin-top:12px;font-size:11px}
.hero-secondary{display:flex;align-items:center;gap:28px;margin-top:22px;position:relative}
.hero-secondary .hero-resume{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:46px;margin:0;padding:11px 16px;background:var(--lime);border:1px solid var(--ink);font-size:14px;font-weight:800;line-height:1.2;box-shadow:2px 2px 0 var(--ink);transition:transform .25s,box-shadow .25s}
.hero-secondary .hero-resume:hover{transform:translateY(-3px);box-shadow:3px 5px 0 var(--ink)}.hero-secondary .hero-resume span:last-child{font-size:21px}
.hero-secondary .scroll-cue{position:static;display:inline-flex;align-items:center;gap:14px;flex-direction:row;margin:0;padding:10px 0;font-size:12px;line-height:1.3;white-space:nowrap;max-width:none;transform:none;opacity:1}.hero-secondary .scroll-cue .scroll-arrow{font-size:24px}
html:not(.scroll-enabled) .hero-secondary .scroll-cue{display:none}
/* Cutouts from the supplied vintage collage; individual layers keep their own depth. */
.hero-collage.story-constellation{width:min(37vw,460px);aspect-ratio:440/530;right:6%;bottom:17%;max-width:none}
.story-constellation .hero-map{inset:10% -10% 6%;opacity:.23!important;--rotation:-8deg;--shift:-25px;--depth:.12}
.constellation-paper{inset:24% 13% 23% 19%;border-radius:50%;background:var(--lime);opacity:.38;--rotation:-17deg;--shift:-50px;--depth:.1}
.constellation-thread{inset:0;width:100%;height:100%;overflow:visible;z-index:2;--rotation:-2deg;--shift:50px;--lift:10px;--turn:9deg;--depth:.3;fill:none;stroke-width:1.6;stroke-linecap:round}.constellation-red{stroke:var(--thread)}.constellation-blue{stroke:var(--blue);opacity:.65}.constellation-dot{fill:var(--thread);stroke:var(--paper);stroke-width:2}
.reference-cutout{display:block;width:100%;height:100%;background-image:url(assets/stories-reference.jpg);background-repeat:no-repeat;filter:grayscale(1) contrast(1.08);mix-blend-mode:multiply;transition:rotate .45s var(--ease),scale .45s var(--ease)}
.story-constellation .layer:has(.reference-cutout){z-index:4}
.story-seated{width:27%;aspect-ratio:120/110;top:5%;left:27%;--rotation:-7deg;--shift:75px;--lift:-20px;--depth:1.2}
.story-leaping{width:29%;aspect-ratio:125/231;right:6%;top:30%;--rotation:4deg;--shift:110px;--lift:28px;--depth:1.5}
.story-cyclist{width:27%;aspect-ratio:116/119;left:0;top:35%;--rotation:-8deg;--shift:-60px;--lift:25px;--depth:1.1}
.story-computer{width:26%;aspect-ratio:116/170;left:35%;bottom:0;--rotation:7deg;--shift:90px;--lift:15px;--depth:.8}
.story-children{width:16%;aspect-ratio:65/84;left:6%;bottom:16%;--rotation:-6deg;--shift:-40px;--depth:1.2}
.story-birds{width:19%;aspect-ratio:82/77;right:3%;top:8%;--rotation:7deg;--shift:120px;--lift:-40px;--depth:1.7}
.story-constellation .hero-camera{width:19%;left:9%;bottom:auto;top:19%;--rotation:-12deg;--shift:80px;--depth:1;z-index:5}
.story-constellation .hero-map-note{left:30%;top:44%;max-width:115px;font-size:8px;transform:rotate(-7deg);color:var(--ink);font-weight:700}
.story-constellation .hero-cross{left:7%;top:2%;font-size:36px;color:var(--blue)}
.story-constellation .collage-tag{font-size:12px;left:-3%;bottom:5%;padding:9px 12px;--rotation:-8deg;--shift:45px}
.story-constellation .collage-caption{right:-4%;bottom:-7%;font-size:16px}
@media(hover:hover) and (pointer:fine){.layer:hover>.reference-cutout{rotate:-4deg;scale:1.05}}
.ai-workflow{font-size:15px;line-height:1.55;color:#56594f;max-width:395px;margin-top:22px}.ai-workflow strong{color:var(--ink);font-weight:700}.story-design .story-afterthought{font-size:13px;margin-top:18px}
/* Unframed marks, equal optical weight and clear affiliation. */
.now-art .now-circle{inset:25% 0 18%;border-radius:50%;clip-path:none;transform:rotate(-13deg);opacity:.25}
.now-art .world-fragment{inset:3% -8% 0;opacity:.35;transform:rotate(-8deg);mask-image:radial-gradient(ellipse,#000 42%,transparent 76%)}
.brand-scatter-label{top:1%;left:3%;font:400 clamp(32px,3.6vw,52px)/1.1 Display,Arial,sans-serif;letter-spacing:-.04em;transform:none;color:var(--ink)}
.brand-scatter-label>span{display:block;font:700 8px/1.4 Sans,Arial,sans-serif;letter-spacing:.09em;margin-top:12px;color:#62645b}
.brand{translate:calc(var(--drift,0)*var(--brand-shift,15px)) 0;transform:rotate(var(--rotation,0deg));filter:none;transition:translate .4s var(--ease),transform .4s var(--ease)}
.brand img{filter:brightness(0);max-height:none}.brand-context{bottom:-24px;font-size:7px;font-weight:700;color:#62645b;letter-spacing:.14em}
.brand-cars{width:43%;left:4%;top:29%;--rotation:-2deg;--brand-shift:-15px}
.brand-jio{width:16%;right:15%;top:24%;--rotation:2deg;--brand-shift:18px}.brand-jio .brand-context{bottom:-21px}
.brand-suzuki{width:25%;left:6%;right:auto;top:52%;--rotation:2deg;--brand-shift:15px}.brand-suzuki img{width:48%}.brand-suzuki span{font-size:clamp(15px,1.7vw,24px);margin-top:3px}
.brand-bookmyshow{width:48%;left:auto;right:1%;top:57%;font-size:clamp(22px,2.5vw,36px);--rotation:-2deg;--brand-shift:-12px;justify-content:center}.brand-bookmyshow img{width:32px;height:32px;margin:0 2px}.brand-bookmyshow .brand-context{bottom:-26px}
.brand-quillbot{width:46%;left:30%;right:auto;top:81%;--rotation:-1deg;--brand-shift:12px}.brand-quillbot .brand-context{bottom:-22px;color:var(--blue);font-size:8px}
.now-art .now-service-label{left:4%;right:auto;bottom:-7%;padding:0;font:italic 17px/1.2 Georgia,serif;transform:rotate(-3deg);background:none;color:var(--ink)}
@media(hover:hover) and (pointer:fine){.brand:hover{transform:rotate(0) translateY(-6px)}}
@media(max-height:800px) and (min-width:681px){
 .hero-editorial{top:15%}.hero h1{font-size:min(6.3vw,11.6vh)}.hero-eyebrow{margin-bottom:16px}.hero-role{font-size:18px;margin-top:15px}.hero-promise{font-size:18px;margin-top:17px}.hero-byline{margin-top:13px}.hero-byline p{font-size:13px}.hero-actions{margin-top:20px}.hero-cta{min-height:51px;min-width:179px;font-size:16px;padding:12px 18px}.route-note{margin-top:10px;font-size:10px}.hero-secondary{margin-top:17px}.hero-secondary .hero-resume{min-height:43px;font-size:13px}.hero-collage.story-constellation{width:min(36vw,59vh);bottom:15%;right:6%}.story-design .story-description{font-size:15px}.ai-workflow{font-size:14px;margin-top:16px}
}
@media(min-width:681px) and (max-width:1000px){.hero-editorial{width:58%}.hero h1{font-size:6.9vw}.hero-role{font-size:16px;max-width:350px}.hero-role>span{display:block}.hero-promise{font-size:18px}.hero-byline{max-width:330px}.hero-cta{min-width:150px;font-size:15px;padding:12px 15px}.hero-secondary{gap:19px}.hero-secondary .hero-resume{font-size:12px;padding:10px 12px;gap:18px}.hero-secondary .scroll-cue{font-size:10px;gap:8px}.hero-collage.story-constellation{width:34vw;right:4%}.story-constellation .hero-map-note{font-size:6px;max-width:87px}.story-constellation .collage-tag{font-size:9px;padding:7px 9px}.brand-bookmyshow{font-size:21px}.brand-bookmyshow img{width:23px;height:23px}.brand-scatter-label{font-size:35px}.brand-scatter-label>span{font-size:6px}.brand-context{font-size:6px}.brand-quillbot .brand-context{font-size:6px}.now-art .now-service-label{font-size:14px}}
@media(max-width:680px){
 .hero-editorial{top:11%;left:24px;right:24px;width:auto;max-width:none}.hero-eyebrow{font-size:8px;margin-bottom:15px;letter-spacing:.07em}.hero h1{font-size:10.6vw;line-height:1.02}.hero-role{font-size:15px;line-height:1.4;margin-top:15px}.hero-role>span{display:block}.hero-promise{font-size:16px;margin-top:17px}.hero-byline{margin-top:12px;max-width:100%}.hero-byline p{font-size:11px;line-height:1.45}.hero-actions{margin-top:19px;gap:12px}.hero-cta{font-size:15px;min-height:51px;min-width:0;padding:12px}.route-note{font-size:9px;margin-top:10px}.hero-secondary{gap:22px;margin-top:15px;justify-content:flex-start}.hero-secondary .hero-resume{font-size:12px;font-weight:800;min-height:42px;gap:16px;padding:10px 12px}.hero-secondary .hero-resume span:last-child{font-size:18px}.hero-secondary .scroll-cue{font-size:10px;gap:8px;white-space:normal;max-width:95px;text-align:left}.hero-secondary .scroll-cue .scroll-arrow{font-size:21px}
 .hero-collage.story-constellation{width:min(60vw,25svh);right:16%;bottom:8%;aspect-ratio:440/530}.story-constellation .hero-map-note{font-size:5px;max-width:60px}.story-constellation .hero-cross{font-size:22px}.story-constellation .collage-tag{font-size:6px;padding:6px 8px;left:-8%}.story-constellation .collage-caption{display:none}.constellation-thread{stroke-width:2}.story-constellation .hero-map{opacity:.18!important}
 .ai-workflow{font-size:13px;margin-top:15px;max-width:100%;line-height:1.5}.story-design .story-description{font-size:14px}.brand-scatter-label{font-size:29px;top:-3%;left:2%}.brand-scatter-label>span{font-size:5px;margin-top:8px}.brand-context{font-size:5px;bottom:-16px}.brand-jio .brand-context{bottom:-16px}.brand-suzuki span{font-size:12px}.brand-bookmyshow{font-size:19px}.brand-bookmyshow img{width:18px;height:18px;margin:0 1px}.brand-bookmyshow .brand-context{bottom:-17px}.brand-quillbot .brand-context{font-size:5px;bottom:-17px}.now-art .now-service-label{font-size:12px;bottom:-10%;left:0}.now-art .world-fragment{inset:0 -10% -6%}
}
@media(max-width:680px) and (max-height:740px){
 .hero-editorial{top:11%}.hero-eyebrow{margin-bottom:12px}.hero h1{font-size:10.3vw}.hero-role{font-size:13px;margin-top:12px}.hero-role>span{display:inline}.hero-promise{font-size:14px;margin-top:13px}.hero-byline{margin-top:10px}.hero-byline p{font-size:10px}.hero-actions{margin-top:14px}.hero-cta{min-height:46px;font-size:14px;padding:10px}.route-note{margin-top:8px;font-size:8px}.hero-secondary{margin-top:12px}.hero-secondary .hero-resume{min-height:38px;font-size:11px;padding:9px 11px}.hero-secondary .scroll-cue{font-size:9px}.hero-collage.story-constellation{width:20svh;bottom:8%;right:18%}.story-constellation .hero-map-note{font-size:4px;max-width:47px}.story-constellation .collage-tag{font-size:5px;padding:4px 6px}.ai-workflow{font-size:12px;line-height:1.4;margin-top:12px}.story-design .story-description{font-size:13px}
}
@media(max-width:380px){.hero-secondary{gap:17px}.hero-role{font-size:13px}.hero-secondary .hero-resume{font-size:11px}.hero-cta{font-size:14px}}
@media(prefers-reduced-motion:reduce){.constellation-dot{display:none}.reference-cutout,.hero-resume,.brand{transition:none!important;animation:none!important}.hero-collage.story-constellation{bottom:10%}.hero-secondary .scroll-cue{display:none}.hero{min-height:850px}.hero-editorial{top:110px}}
.story-constellation .layer:has(.reference-cutout){mix-blend-mode:multiply}

.scroll-enabled .story-track{opacity:var(--story-opacity,0)}