/* Self-contained hero and design-tools loading sequence. */
.brand{display:inline-flex;align-items:center;gap:10px}.brand svg{height:22px;width:auto;flex-shrink:0}button:focus-visible{outline:3px solid var(--violet);outline-offset:4px}
.interactive-hero{min-height:0;overflow:hidden}.hero-composition{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:end;gap:2%;padding:28px 0 42px}.hero-type{min-width:0;padding-bottom:65px}.hero-type h1{font-size:clamp(56px,7.6vw,140px)}.hero-type h1 em{font-size:1.15em}.hero-stage{position:relative;aspect-ratio:1/.92;min-height:520px;min-width:0}.stage-scene{position:absolute;inset:0;border-bottom:1px solid var(--line)}.stage-arch{position:absolute;bottom:0;left:19%;width:62%;height:86%;border-radius:999px 999px 4px 4px;background:#e8e3f0;transform:translate(var(--x,0px),var(--y,0px))}.stage-arch:after{content:"";position:absolute;inset:14px;border:1px dashed #6652b044;border-radius:inherit}.roshni{position:absolute;bottom:0;left:50%;height:92%;aspect-ratio:2/3;margin:0;translate:-50% 0;transform-origin:bottom center;animation:roshni-breathe 4.2s ease-in-out infinite alternate;pointer-events:none}.roshni img{position:absolute;inset:0;opacity:0;transition:opacity 240ms ease}.roshni img.is-on{opacity:1}.roshni img[data-pose=blink],.roshni.is-blinking img{transition:none}
.prop{position:absolute;z-index:2;padding:0;background:none;border:0;opacity:.62;filter:saturate(.6);transform:translate(var(--x,0px),var(--y,0px)) scale(.92);transition:opacity .25s,filter .25s,transform .3s}.prop-float{display:flex;flex-direction:column;align-items:center;animation:prop-float 5s ease-in-out infinite}.prop img{height:auto;max-height:160px;object-fit:contain;filter:drop-shadow(0 9px 9px #24251f15)}.prop[data-skill=editorial]{top:4%;left:2%;width:30%}.prop[data-skill=brand]{top:46%;left:0;width:26%}.prop[data-skill=art]{top:2%;right:2%;width:30%}.prop[data-skill=digital]{top:36%;right:0;width:28%}.prop[data-skill=brand] .prop-float{animation-duration:6.2s;animation-delay:-2s}.prop[data-skill=art] .prop-float{animation-duration:7s;animation-delay:-3s}.prop[data-skill=digital] .prop-float{animation-duration:5.7s;animation-delay:-1s}.prop-tag{display:inline-block;white-space:nowrap;font-size:11px;line-height:1.3;text-transform:uppercase;letter-spacing:.07em;background:var(--paper);border:1px solid var(--ink);border-radius:99px;padding:6px 11px;margin-top:6px}.prop.is-active{opacity:1;filter:saturate(1);transform:translate(var(--x,0px),var(--y,0px)) scale(1.06)}.prop.is-active .prop-tag{background:var(--violet);color:white;border-color:var(--violet)}
.skill-card{display:block;position:absolute;z-index:3;right:-3%;bottom:-22px;width:clamp(260px,26vw,340px);background:var(--paper);border:1px solid var(--line);box-shadow:0 18px 40px #24251f1f}.skill-card-content{display:grid;grid-template-columns:96px 1fr;align-items:center;clip-path:inset(0)}.skill-image{aspect-ratio:1/1;background:#e4deef}.skill-image img{padding:8px}.skill-text{padding:12px 14px}.skill-caption{display:flex;justify-content:space-between;gap:8px;font-size:15px;line-height:1.25}.skill-meta{margin:8px 0 0;font-size:11px;line-height:1.4;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
@keyframes prop-float{50%{transform:translateY(-8px)}}@keyframes roshni-breathe{to{transform:scale(1.006,1.012)}}
.motion-paused .roshni,.motion-paused .prop-float,.hero-resting .roshni,.hero-resting .prop-float{animation-play-state:paused}.motion-paused .prop,.hero-reduced .prop{opacity:1;filter:none;transform:none}.motion-paused .stage-arch,.hero-reduced .stage-arch{transform:none}.hero-reduced .roshni,.hero-reduced .prop-float{animation:none}
@media(max-width:899px){.hero-composition{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:24px}.hero-type{padding-bottom:0}.hero-type h1{font-size:clamp(56px,12vw,105px)}.hero-stage{aspect-ratio:auto;min-height:0;width:100%}.stage-scene{position:relative;aspect-ratio:1/1.05}.prop[data-skill=brand]{width:30%}.prop[data-skill=digital]{top:44%;width:34%}.prop img{max-height:190px}.skill-card{position:static;width:100%;margin-top:14px}.skill-card-content{display:block}.skill-caption{font-size:16px}.skill-image{aspect-ratio:16/9}.hero-bottom{flex-wrap:wrap}.discipline-picker{flex-wrap:wrap}.hero-type>p{margin-left:0}.skill-text{padding:16px}.skill-image img{max-height:280px;padding:12px}.hero-bottom .discipline-picker button span{display:inline}.prop-tag{font-size:10px;padding:6px 8px}}
@media(prefers-reduced-motion:reduce){.roshni,.prop-float{animation:none}.prop{opacity:1;filter:none;transform:none}}
.loader{display:none;position:fixed;inset:0;z-index:100;background:var(--paper);overflow:hidden;color:var(--ink)}.has-loader .loader{display:block}.has-loader{overflow:hidden}.has-loader #hero-title{opacity:0}.loader-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(12,1fr);pointer-events:none}.loader-grid i{border-left:1px solid #6652b022;transform:scaleY(0);transform-origin:top}.loader-stage{position:absolute;width:min(56vw,360px);aspect-ratio:1;top:50%;left:50%;transform:translate(-50%,-50%)}.loader-mark{position:absolute;left:16%;top:5%;width:68%;height:78%;overflow:visible}.mark-path{fill:#5B3FB0;fill-opacity:0;stroke:#5B3FB0;stroke-width:4;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1}.pen-anchors rect{fill:var(--paper);stroke:#5B3FB0;stroke-width:1;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center;transform:scale(0)}.pen-handles{opacity:0;fill:var(--paper);stroke:#5B3FB0;stroke-width:1}.crop{position:absolute;width:18px;height:18px;opacity:0;border-color:var(--ink);border-style:solid;border-width:0}.crop-0{top:0;left:0;border-top-width:1px;border-left-width:1px}.crop-1{top:0;right:0;border-top-width:1px;border-right-width:1px}.crop-2{bottom:0;left:0;border-bottom-width:1px;border-left-width:1px}.crop-3{bottom:0;right:0;border-bottom-width:1px;border-right-width:1px}.loader-swatches{position:absolute;bottom:0;left:50%;display:flex;gap:9px;transform:translateX(-50%)}.loader-swatches i{width:28px;height:28px;border:1px solid var(--ink);background:#5B3FB0;opacity:0}.loader-swatches i:nth-child(2){background:#e4deef}.loader-swatches i:nth-child(3){background:#24251f}.loader-top,.loader-bottom{position:absolute;left:5%;right:5%;display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.07em}.loader-top{top:30px}.loader-bottom{bottom:30px}.loader-counter{font-size:13px;font-variant-numeric:tabular-nums}.print-bar{display:flex;gap:3px}.print-bar i{display:block;width:12px;height:12px;border:1px solid var(--ink)}
@media(max-width:599px){.loader-top{font-size:8px}.print-bar{gap:2px}.print-bar i{width:8px;height:10px}.loader-stage{width:64vw}}