/* One object, one appearance. A small atlas of human perspectives. */
.untold-word::after{display:none}
.hero-resume{display:inline-flex;align-items:center;gap:28px;font-size:13px;font-weight:700;margin-top:18px;padding-bottom:5px;border-bottom:1px solid var(--ink)}
.hero-resume span:last-child{font-size:19px;transition:transform .25s}.hero-resume:hover span:last-child{transform:translate(4px,-4px)}
.hero-collage{right:4.5%;bottom:16%;width:35vw;aspect-ratio:1}
.hero-map{inset:6% -6% 0 -9%;opacity:.46!important;--rotation:4deg;--depth:.15;z-index:0}
.hero-paper{inset:23% 1% 9% 14%;border-radius:45% 52% 38% 44%;clip-path:none;--rotation:-14deg;--shift:-65px;z-index:1}
.hero-ring{inset:12% 6% 6% 3%;--rotation:31deg;--shift:-85px;z-index:2}
.hero-eye{width:59%;top:-2%;left:17%;--rotation:-14deg;--shift:100px;--lift:-50px;--depth:1.4;z-index:6}
.hero-portrait{width:53%;right:0;bottom:8%;--rotation:7deg;--shift:85px;--lift:35px;--depth:.7;z-index:4;filter:grayscale(1) contrast(1.06)}
.hero-portrait svg{width:100%;height:auto;overflow:visible;display:block}
.hero-camera{width:43%;aspect-ratio:322/238;left:-5%;bottom:22%;--rotation:-13deg;--shift:130px;--lift:-20px;--depth:1.4;z-index:5}
.hero-collage .collage-tag{left:7%;bottom:3%;--rotation:-6deg;--shift:80px;z-index:7}
.hero-collage .collage-caption{bottom:-7%;font-size:17px;right:0}
.map-annotation{position:absolute;font:700 9px/1.45 Sans,Arial,sans-serif;letter-spacing:.1em;color:var(--blue);z-index:6;pointer-events:none}
.hero-map-note{top:33%;left:-2%;max-width:140px;transform:rotate(-10deg)}
.hero-cross{position:absolute;left:3%;top:3%;font:300 62px/1 Sans,sans-serif;color:var(--thread);transform:rotate(9deg);transition:rotate .5s;z-index:3}
.hero-collage:hover .hero-cross{rotate:90deg}
.asset-camera{background-image:url(assets/sticker-voice.jpg);background-size:228.57% 549.58%;background-position:9.66% 100%;clip-path:polygon(0 100%,11% 81%,11% 55%,19% 25%,34% 7%,49% 0,53% 12%,60% 10%,68% 6%,78% 12%,91% 8%,100% 19%,98% 76%,55% 76%,42% 80%,28% 100%)}
.asset-cassette{background-image:url(assets/sticker-research.jpg);background-size:294.4% 568.7%;background-position:99.18% 73.75%;clip-path:polygon(2% 48%,66% 0,100% 48%,95% 58%,40% 100%,31% 98%,0 58%)}
.asset-chess{background-image:url(assets/sticker-research.jpg);background-size:430.41% 451.03%;background-position:75.4% 55.01%;clip-path:polygon(16% 1%,37% 0,47% 5%,58% 15%,57% 26%,67% 35%,60% 43%,59% 50%,69% 61%,79% 67%,81% 73%,94% 81%,97% 91%,85% 96%,52% 100%,22% 99%,12% 94%,14% 83%,19% 73%,26% 64%,25% 53%,16% 48%,22% 40%,13% 35%,8% 26%,0 23%,5% 13%)}
.lens-disc{inset:19% 7% 7%;--shift:-80px;--depth:.25}
.lens-people{width:91%;left:2%;bottom:9%;--shift:95px;--turn:12deg}
.lens-magnifier{width:49%;right:-4%;bottom:0;--shift:135px;--turn:-16deg}
.lens-cassette{width:37%;aspect-ratio:250/230;top:0;right:5%;--rotation:8deg;--shift:-85px;--depth:1.3;z-index:5}
.lens-annotation{left:1%;top:10%;width:38%;transform:rotate(-7deg)}
.background-art .map-fragment{inset:-2% -8% 0;opacity:.72;z-index:0}
.map-grid{position:absolute;inset:0;background-image:linear-gradient(#2045f518 1px,transparent 1px),linear-gradient(90deg,#2045f518 1px,transparent 1px);background-size:12% 12%;transform:rotate(-8deg);z-index:0;mask-image:radial-gradient(ellipse,#000 25%,transparent 70%)}
.environment-art .environment-green{inset:18% 20% 20%;background:var(--lime);--rotation:-15deg;--depth:.2;--shift:-50px;z-index:1;opacity:.7}
.environment-art .system-orbit{inset:3% 12% 16%;z-index:2;transform:rotate(calc(-29deg + var(--drift,0)*35deg));transition:transform .65s var(--ease),border-color .3s}
.environment-art .orbit-two{inset:25% -7% 30%;transform:rotate(calc(27deg + var(--drift,0)*-40deg))}
.environment-art .background-hand{width:67%;right:6%;bottom:21%;--rotation:-5deg;--shift:90px;--turn:18deg;--depth:1.3;z-index:3}
.environment-art .orbit-word{border:0;cursor:pointer;z-index:6;font-size:clamp(19px,2.3vw,32px);padding:9px 12px;transition:color .2s,background .2s,scale .25s;box-shadow:none;white-space:nowrap}
.orbit-word span{font:16px Sans,sans-serif;margin-left:6px;display:inline-block;transition:rotate .25s}
.orbit-word[aria-pressed="true"]{background:var(--blue);color:white}.orbit-word[aria-pressed="true"] span{rotate:45deg}
.environment-art .word-systems{left:5%;top:0}.environment-art .word-people{left:-7%;top:41%}.environment-art .word-place{right:-7%;top:51%}
.environment-art .field-stamp{position:absolute;bottom:12%;left:4%;top:auto;font-size:9px;border:1px solid var(--thread);color:var(--thread);padding:7px 10px;transform:rotate(-9deg);z-index:5}
.systems-annotation{right:-1%;top:10%;font-size:8px;max-width:90px;transform:rotate(7deg)}
.lens-caption{position:absolute;bottom:-4%;left:0;right:-9%;font:italic 17px/1.3 Georgia,serif;z-index:8;color:var(--ink)}
.diagram-hint{position:absolute;bottom:-12%;left:0;font-size:8px;font-weight:700;letter-spacing:.09em;color:var(--blue)}
.environment-art[data-active-lens="place"] .system-orbit{transform:rotate(30deg)}.environment-art[data-active-lens="systems"] .system-orbit{transform:rotate(-65deg)}
.environment-art[data-active-lens="place"] .orbit-two{transform:rotate(-25deg)}.environment-art[data-active-lens="systems"] .orbit-two{transform:rotate(60deg)}
.research-annotation{left:9%;top:8%;font-size:8px;transform:rotate(7deg);color:var(--paper)}
.design-note{z-index:5;left:-5%;width:54%;top:1%;padding:4% 5%;--rotation:-11deg;--shift:-95px}
.design-keyboard{bottom:-6%;--shift:125px;--turn:14deg}
/* A compact constellation: outlined marks, map routes, and one decision-making cutout. */
.now-art .now-circle{inset:4% 2% 3%;opacity:.72;transform:rotate(-4deg)}
.now-art .world-fragment{inset:-7% -10% 0;opacity:.78;z-index:0}
.brand-routes{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible}
.brand-routes path{fill:none;stroke:var(--blue);stroke-width:1.2;stroke-dasharray:4 6}.brand-routes circle{fill:var(--blue)}
.now-chess{width:19%;aspect-ratio:171/290;left:4%;bottom:-2%;--rotation:-12deg;--shift:85px;--turn:-16deg;--depth:1.5;z-index:5}
.now-annotation{right:8%;bottom:20%;max-width:39%;font-size:8px;transform:rotate(-5deg)}
.brand-scatter-label{top:-5%;left:-2%;font-size:9px;line-height:1.4;transform:rotate(-6deg);color:var(--ink)}
.brand{filter:none;transition:transform .4s var(--ease),translate .4s;isolation:isolate}
.brand img{filter:brightness(0);position:relative;z-index:2}
.brand-outline{position:absolute;inset:-22% -10%;width:120%;height:144%;z-index:-1;overflow:visible}
.brand-outline path{stroke:var(--blue);stroke-width:1.3;fill:var(--paper);fill-opacity:.65;vector-effect:non-scaling-stroke;stroke-dasharray:1;transition:stroke-dashoffset .7s,fill-opacity .3s}
.brand-context{position:absolute;bottom:-37%;left:0;right:0;text-align:center;font:700 7px/1.2 Sans,sans-serif;letter-spacing:.12em;transition:color .3s}
.brand-cars{top:15%;left:5%;width:40%;--rotation:-9deg;--brand-shift:-18px}
.brand-jio{top:2%;right:11%;width:17%;--rotation:10deg;--brand-shift:20px}.brand-jio .brand-outline{inset:-19%;width:138%;height:138%;rotate:10deg}.brand-jio .brand-context{bottom:-38%}
.brand-suzuki{top:33%;right:7%;width:21%;--rotation:11deg;--brand-shift:25px}.brand-suzuki span{font-size:clamp(12px,1.35vw,21px)}
.brand-bookmyshow{top:46%;left:1%;width:55%;font-size:clamp(21px,2.5vw,36px);--rotation:-6deg;--brand-shift:-15px}.brand-bookmyshow img{width:32px;height:32px}
.brand-bookmyshow .brand-context{bottom:-65%}.brand-bookmyshow .brand-outline{inset:-43% -7%;width:114%;height:196%}
.brand-quillbot{top:77%;right:2%;width:55%;--rotation:5deg;--brand-shift:18px}.brand-quillbot .brand-context{bottom:-47%}
.now-art .now-service-label{font:italic 17px/1.2 Georgia,serif;bottom:34%;left:5%;right:auto;background:none;padding:0;transform:rotate(-5deg)}
.now-art .paper-label{left:32%;bottom:-10%;font-size:8px;background:var(--blue);color:white;padding:9px 13px;transform:rotate(-4deg)}
.human-thread{opacity:1;z-index:1;overflow:visible}.human-thread .thread-guide{stroke-width:1.1;stroke-dasharray:2 9;opacity:.18}.human-thread .thread-drawn{stroke-width:2.5;stroke-dasharray:1000;stroke-dashoffset:1000}.thread-tip{fill:var(--thread)}.thread-halo{fill:var(--paper);stroke:var(--thread);stroke-width:1.2;vector-effect:non-scaling-stroke;opacity:.8}
.community-photos{width:30%;height:42%;left:12%;bottom:12%;transform:rotate(-5deg)}.community-photos .rural-newwoman{width:80%;left:0;bottom:0}
.portrait{max-width:340px;transition:transform .7s var(--ease);transform:rotate(-5deg) translateY(15px)}.portrait.in-view{transform:rotate(-4deg) translateY(0)}.portrait img{max-width:359px}.portrait figcaption{font-weight:700;line-height:1.5}
.story-art .art-note{transition:transform .55s var(--ease)}.story-art.in-view .art-note{transform:rotate(-3deg) translateY(-4px)}
.gallery-chapters a{position:relative;transition:color .2s,transform .2s}.gallery-chapters a:hover{transform:translateY(-3px);color:var(--blue)}
.practice-disclosure summary{transition:background .3s,padding .3s}.practice-disclosure summary:hover{background:#d2ff3529}.category-plus{transition:transform .45s var(--ease),background .3s}.practice-disclosure summary:hover .category-plus{background:var(--lime);transform:rotate(90deg)}.practice-disclosure[open] summary .category-plus{transform:rotate(45deg)}
@media(hover:hover) and (pointer:fine){.orbit-word:hover{scale:1.08}.layer>.sprite{transition:scale .45s var(--ease),rotate .45s var(--ease)}.layer:hover>.sprite{scale:1.05;rotate:-3deg}.brand:hover{transform:rotate(0) translateY(-8px)}.brand:hover .brand-outline path{stroke-dashoffset:2;fill-opacity:1}.brand:hover .brand-context{color:var(--blue)}.portrait:hover{transform:rotate(0deg) translateY(-7px)}}
@media(max-height:800px) and (min-width:681px){.hero-resume{margin-top:12px;font-size:12px}.hero-collage{width:min(35vw,54vh);bottom:17%}.hero-editorial{top:16%}.route-note{margin-top:10px}.scroll-enabled .scroll-viewport>.scroll-cue{bottom:57px}.hero-actions{margin-top:21px}}
@media(min-width:681px) and (max-width:1000px){.hero-collage{right:3%;width:34vw}.hero-map-note{font-size:7px}.hero-collage .collage-caption{font-size:13px}.brand-context{font-size:6px}.brand-bookmyshow{font-size:20px}.brand-bookmyshow img{width:23px;height:23px}.lens-caption{font-size:14px}.diagram-hint{font-size:7px}.environment-art .field-stamp{font-size:7px}.brand-scatter-label{font-size:7px}}
@media(max-width:680px){
 .hero-resume{font-size:11px;margin-top:12px;gap:17px;padding-bottom:3px}.hero-resume span:last-child{font-size:16px}.hero-collage{width:min(58vw,28svh);right:7%;bottom:9.5%}.hero-eye{width:56%}.hero-camera{width:43%;left:-7%}.hero-map-note{font-size:5px;max-width:79px}.hero-cross{font-size:32px}.hero-collage .collage-tag{font-size:8px;padding:7px 9px}.hero-portrait{width:51%}.hero-collage .collage-caption{display:none}.hero-ring{border-width:1.3px}
 .lens-cassette{width:34%}.lens-annotation{font-size:6px}.environment-art .orbit-word{font-size:19px;padding:6px 8px}.orbit-word span{font-size:12px;margin-left:3px}.environment-art .system-orbit{border-width:1.5px}.environment-art .field-stamp{font-size:6px;padding:5px 6px}.systems-annotation{font-size:5px;max-width:55px}.lens-caption{font-size:13px;bottom:-6%;right:-13%;left:-5%}.diagram-hint{font-size:6px;bottom:-16%;left:-5%}.research-annotation{font-size:5px}.design-note{font-size:7px}.map-annotation.lens-annotation{font-size:6px}.brand-scatter-label{top:-7%;font-size:6px}.brand-context{font-size:5px}.brand-suzuki span{font-size:11px}.brand-bookmyshow{font-size:20px}.brand-bookmyshow img{width:22px;height:22px}.now-art .paper-label{font-size:6px;padding:7px 9px;left:28%;bottom:-12%}.now-art .now-service-label{font-size:12px;bottom:33%;left:1%}.now-annotation{font-size:5px}.now-art .world-fragment{inset:-4% -8% 0}.brand-outline path{stroke-width:1px}.now-chess{width:18%}.community-photos{width:41%;height:31%;left:2%;bottom:15%}.community-photos .rural-newwoman{width:72%}.portrait{max-width:310px}.portrait figcaption{font-size:7px}.human-thread .thread-drawn{stroke-width:2}
}
@media(max-width:680px) and (max-height:740px){.hero-collage{width:20svh;bottom:9%}.hero-resume{margin-top:9px}.route-note{margin-top:9px}.hero-collage .collage-tag{font-size:6px}.hero-editorial{top:11%}.hero-eyebrow{margin-bottom:13px}.hero-promise{margin-top:16px}.hero-actions{margin-top:16px}.hero-map-note{display:none}}
@media(prefers-reduced-motion:reduce){.hero-cross,.hero-resume span,.environment-art .system-orbit,.orbit-word,.layer>.sprite,.brand,.brand-outline path,.portrait,.story-art .art-note,.gallery-chapters a,.category-plus{transition:none;animation:none}.portrait,.portrait.in-view{transform:rotate(-4deg)}.environment-art .system-orbit{transform:rotate(-29deg)}.environment-art .orbit-two{transform:rotate(27deg)}.hero-collage{bottom:11%}}

/* Keep the drawing aligned with SVG distance at every viewport scale. */
.human-thread .thread-drawn{vector-effect:none;stroke-width:2.2}.story-panel{z-index:2}
.brand-bookmyshow{width:49%;font-size:clamp(22px,3.2vw,46px)}.brand-bookmyshow img{width:38px;height:38px}.now-annotation{right:14%;bottom:32%;max-width:35%}
@media(max-width:680px){.brand-bookmyshow{width:55%;font-size:20px}.brand-bookmyshow img{width:22px;height:22px}.human-thread .thread-drawn{stroke-width:4}}

@media(max-width:680px){.diagram-hint{bottom:-12%;font-size:5px}}
