/* V24 — four independent visual languages; only CONTENT uses humanoid media. */
/* World one: typographic direction. World two: editing. World three: real-time transmission. World four: responsive interface. */
.hero-world{width:52%;overflow:hidden!important;right:0;top:var(--header);height:calc(100% - var(--header));background:#1c1b38}
.hero-text{width:50%;max-width:none;top:clamp(135px,21vh,230px)}
.hero h1{font-size:clamp(61px,6.8vw,112px);line-height:.87;max-width:100%}
.hero h1 em{transform:translate3d(calc(var(--p)*2vw),0,0)}
.v24-hero-workshop{--px:0;--py:0;position:absolute;inset:0;background:#1c1b38;color:#efefea;isolation:isolate;overflow:hidden}
.v24-world-layer{position:absolute;inset:0 0 90px;display:flex;flex-direction:column;justify-content:center;opacity:0;visibility:hidden;transform:translateY(22px) scale(1.02);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.9,.3,1),visibility .6s;pointer-events:none;overflow:hidden}
.v24-world-layer.is-current{visibility:visible;opacity:1;transform:none}
.v24-spec-top{position:absolute;z-index:2;top:7%;left:8%;right:8%;display:flex;justify-content:space-between;align-items:center;font:800 clamp(13px,1vw,17px)/1.2 'Barlow Condensed',sans-serif;letter-spacing:.13em;border-bottom:1px solid #efefeaa8;padding-bottom:12px}
.v24-spec-top span:last-child{font-size:25px;color:#eafb78}
.v24-caption{position:absolute;left:8%;right:8%;bottom:5%;font:800 clamp(13px,1.2vw,18px)/1.1 'Barlow Condensed',sans-serif;letter-spacing:.08em;text-transform:uppercase}
.v24-world-switch{position:absolute;inset:auto 0 0;height:90px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff55;background:#15142e;z-index:10}
.v24-world-switch button{background:transparent;border:0;color:#efefea;font:800 clamp(12px,1vw,17px)/1.1 'Barlow Condensed',sans-serif;letter-spacing:.08em;text-transform:uppercase;border-right:1px solid #efefea3d;transition:background .25s,color .25s}
.v24-world-switch button.active,.v24-world-switch button:focus-visible,.v24-world-switch button:hover{background:#eafb78;color:#1c1b38}
.v24-world-creative{background:#1c1b38}.v24-type-rig{position:relative;width:100%;padding:6% 8%;display:flex;flex-direction:column;z-index:2;transform:translate3d(calc(var(--px)*-12px),calc(var(--py)*-9px),0)}
.v24-type-rig>span{display:block;max-width:100%;font:900 clamp(47px,5.6vw,102px)/.94 'Barlow Condensed',sans-serif;letter-spacing:-.045em;text-transform:uppercase;white-space:nowrap}
.v24-type-a{color:#b082f7}.v24-type-b{color:#efefea;margin-left:8%;transform:translateX(calc(var(--p)*6%))}.v24-type-c{color:#eafb78;margin-left:2%;transform:translateX(calc(var(--p)*-4%))}
.v24-typesetting-rules{position:absolute;inset:19% 0 9%;pointer-events:none}.v24-typesetting-rules span{position:absolute;width:150%;height:1px;background:#eafb783f;transform-origin:left}.v24-typesetting-rules span:nth-child(1){top:15%;transform:rotate(-9deg)}.v24-typesetting-rules span:nth-child(2){top:42%;transform:rotate(6deg)}.v24-typesetting-rules span:nth-child(3){top:61%;transform:rotate(-4deg)}.v24-typesetting-rules span:nth-child(4){top:88%;transform:rotate(4deg)}
.v24-world-content{background:#75145a}.v24-content-contact{position:absolute;inset:15% 10% 12%;display:grid;place-items:center}.v24-viewfinder{width:55%;height:75%;border:3px solid #efefea;position:relative;transform:translate(calc(var(--px)*20px + var(--p)*-5%),calc(var(--py)*16px));transition:transform .15s linear}.v24-viewfinder span{position:absolute;inset:12%;border:1px solid #b082f7}.v24-viewfinder b{position:absolute;bottom:-16px;left:5%;background:#eafb78;color:#1c1b38;font:900 19px 'Barlow Condensed',sans-serif;padding:5px 12px}.v24-cut-line{position:absolute;left:14%;top:15%;height:70%;width:2px;background:#eafb78;transform:rotate(21deg) translateX(calc(var(--p)*38vw))}.v24-reel{position:absolute;right:2%;top:30%;display:flex;flex-direction:column;gap:9px;transform:translateY(calc(var(--p)*-80px))}.v24-reel span{width:clamp(25px,3vw,55px);height:clamp(33px,5vw,90px);background:linear-gradient(130deg,#1c1b38 40%,#b082f7 40% 60%,#efefea 60%);border:2px solid #efefea}.v24-reel span:nth-child(even){transform:translateX(15px);filter:hue-rotate(45deg)}
.v24-world-events{background:#75145a}.v24-live-work{position:absolute;inset:25% 8% 15%}.v24-live-time{display:block;font:900 clamp(65px,9vw,160px)/.9 'Barlow Condensed',sans-serif;letter-spacing:-.07em;color:#eafb78;transform:translateX(calc(var(--px)*-15px))}.v24-live-line{position:absolute;top:52%;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.v24-live-line b{height:5px;background:#efefea4b}.v24-live-line b:nth-child(1),.v24-live-line b:nth-child(2){background:#eafb78}.v24-live-stories{position:absolute;bottom:4%;left:4%;right:4%;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;height:38%}.v24-live-stories i{display:block;border:2px solid #efefeaa6;background:#1c1b38;transform:translateY(calc(var(--p)*-21%));box-shadow:5px 7px 0 #b082f7}.v24-live-stories i:nth-child(2){background:#b082f7;transform:translateY(calc(var(--p)*10%))}.v24-live-stories i:nth-child(3){background:linear-gradient(125deg,#1c1b38 50%,#eafb78 50%)}.v24-live-stories i:nth-child(4){background:#eafb78}
.v24-world-digital{background:#efefea;color:#1c1b38}.v24-world-digital .v24-spec-top{border-color:#1c1b3850}.v24-interface{position:relative;width:78%;margin:5% auto 0;min-height:55%;background:#1c1b38;color:#efefea;padding:6%;box-shadow:19px 19px 0 #b082f7;transform:perspective(900px) rotateY(calc(var(--px)*-10deg)) rotateX(calc(var(--py)*7deg)) translateY(calc(var(--p)*-7%));transition:transform .12s linear}.v24-interface-head{display:flex;gap:6px}.v24-interface-head i{width:8px;height:8px;border-radius:50%;background:#b082f7}.v24-interface-text{margin-top:12%;font:900 clamp(32px,4vw,62px)/.9 'Barlow Condensed',sans-serif}.v24-interactive-line{height:3px;width:80%;background:#eafb78;margin-top:8%;transform-origin:left;transform:scaleX(calc(.2 + var(--p)*.8))}.v24-interface-button{margin-top:9%;display:block;background:#eafb78;color:#1c1b38;padding:9px;font:800 13px 'Barlow Condensed',sans-serif}
/* Creative becomes a layout exercise: type and alignment actually respond to scroll */
.v24-creative-stage{position:absolute;inset:0;background:#efefea;color:#1c1b38;isolation:isolate;overflow:hidden;--mx:0;--my:0}
.v24-creative-prompt{position:absolute;top:7%;left:8%;right:8%;border-top:2px solid #1c1b38;padding-top:12px;display:flex;justify-content:space-between;gap:20px;align-items:flex-start;z-index:5}.v24-creative-prompt span{font:800 14px 'Barlow Condensed',sans-serif}.v24-creative-prompt p{font:800 clamp(16px,1.7vw,26px)/1.14 'DM Sans',sans-serif;max-width:18ch}
.v24-artboard{position:absolute;inset:28% 10% 19%;background:#1c1b38;box-shadow:15px 16px 0 #b082f75c;transform:rotate(calc(-3deg + var(--p)*3deg)) translate3d(calc(var(--mx)*12px),calc(var(--my)*8px),0)}
.v24-typefield{position:absolute;z-index:4;inset:14% 6%;display:flex;flex-direction:column;justify-content:space-evenly}.v24-typefield span{color:#efefea;font:900 clamp(40px,4.5vw,83px)/.86 'Barlow Condensed',sans-serif;letter-spacing:-.055em;text-transform:uppercase;white-space:nowrap}.v24-typefield .v24-move-a{transform:translateX(calc(-11% + var(--p)*11%));color:#b082f7}.v24-typefield .v24-move-b{transform:translateX(calc(15% - var(--p)*15%))}.v24-typefield .v24-move-c{transform:translateX(calc(-8% + var(--p)*8%));color:#eafb78}.v24-guide{position:absolute;background:#efefeaa3;z-index:1}.v24-guide-x{height:1px;left:0;right:0;top:52%}.v24-guide-y{width:1px;top:0;bottom:0;left:48%}.v24-ink{position:absolute;height:13px;background:#75145a;z-index:2;transform-origin:left}.v24-ink-1{width:32%;left:2%;top:16%;transform:rotate(calc(14deg - var(--p)*14deg))}.v24-ink-2{width:22%;right:1%;bottom:10%;background:#b082f7;transform:rotate(calc(-25deg + var(--p)*25deg))}
.v24-creative-foot{position:absolute;left:8%;right:8%;bottom:5%;display:flex;gap:10px;justify-content:space-between;align-items:flex-end;font:800 12px/1.2 'Barlow Condensed',sans-serif}.v24-creative-foot span:last-child{max-width:35%;text-align:right;font-size:10px}
/* Content: one source image, a cinematic crop and functional editing timeline, never extra screenshots */
.v23-content-photo{object-position:49% 50%;transform:scale(calc(1.06 + var(--p)*.06)) translate3d(calc(var(--mx)*-13px),calc(var(--my)*-9px),0)}
.v24-edit-timeline{position:absolute;right:5%;bottom:23%;width:42%;height:28px;display:flex;gap:4px;align-items:stretch;padding:4px;background:#1c1b389a;border:1px solid #efefea7a;transform:translateX(calc(var(--p)*-4%))}.v24-edit-timeline span{flex:1;background:linear-gradient(120deg,#b082f7,#75145a)}.v24-edit-timeline span:nth-child(even){background:linear-gradient(120deg,#efefea,#eafb78)}.v24-edit-timeline i{width:2px;height:150%;position:absolute;left:calc(var(--p)*88% + 5%);top:-22%;background:#eafb78;box-shadow:0 0 0 2px #1c1b38}
/* Website demonstration: real HTML control, no duplicate humanoid or stock UI card */
.v24-demo-editor{position:relative;flex:1;background:#b082f7;min-width:0;overflow:hidden;display:flex;justify-content:center;align-items:center;isolation:isolate}
.v24-demo-type{font:900 clamp(130px,14vw,280px)/1 'Barlow Condensed',sans-serif;letter-spacing:-.12em;color:#1c1b38;transform:translate(calc(var(--dx)*12px),calc(var(--dy)*10px)) rotate(calc(var(--p)*-7deg));transition:transform .2s}
.v24-demo-variable{position:absolute;bottom:10%;left:6%;right:6%;height:7%;display:flex;gap:7px}.v24-demo-variable span{flex:1;background:#1c1b38;transform-origin:left;transform:scaleX(calc(.3 + var(--p)*.7))}.v24-demo-variable span:nth-child(2){background:#eafb78}.v24-demo-variable span:nth-child(3){background:#75145a}
.v24-demo-cursor{position:absolute;right:9%;top:20%;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#eafb78;color:#1c1b38;font:900 22px 'DM Sans',sans-serif;transform:translate(calc(var(--dx)*65px),calc(var(--dy)*55px));transition:transform .22s}.v24-demo-crop{position:absolute;border:1px solid #efefea80;top:12%;left:12%;right:12%;bottom:17%;transform:rotate(calc(var(--p)*3deg))}
.v23-demo-browser.is-alt .v24-demo-editor{background:#75145a}.v23-demo-browser.is-alt .v24-demo-type{color:#eafb78;transform:scale(.74) rotate(-14deg)}.v23-demo-browser.is-alt .v24-demo-cursor{background:#efefea}
/* About: personal handwriting as interactive, asymmetrical drawing, not another copy of a figure */
.about{overflow:hidden}.about-composition{min-height:0}.about-art{min-width:0}.v24-about-signature{--px:0;--py:0;position:relative;width:100%;height:min(67svh,640px);min-height:400px;background:#b082f7;overflow:hidden;border:1px solid #1c1b38;isolation:isolate}
.v24-about-inkfield{position:absolute;inset:1%;transform:translate(calc(var(--px)*7px),calc(var(--py)*6px));transition:transform .15s linear}
.v24-about-lines{width:100%;height:100%;overflow:visible}.v24-stroke-one,.v24-stroke-two{stroke-dasharray:1450;stroke-dashoffset:calc(1450 - var(--aboutprogress,0)*1450);transition:stroke-dashoffset .14s linear}
.v24-about-point{position:absolute;width:clamp(15px,2vw,28px);aspect-ratio:1;border:3px solid #1c1b38;border-radius:50%;background:#eafb78;transform:translate(calc(var(--px)*28px),calc(var(--py)*-30px))}.v24-about-point-a{left:7%;bottom:11%}.v24-about-point-b{right:7%;top:15%;background:#75145a}
.v24-about-sign-off{position:absolute;inset:auto 5% 5%;z-index:3;display:flex;flex-direction:column;gap:6px;background:#1c1b38;color:#efefea;padding:15px;width:min(90%,430px);font:800 13px 'Barlow Condensed',sans-serif;letter-spacing:.04em}.v24-about-sign-off small{font-size:11px;color:#eafb78}
/* Readable responsive experience with no forced desktop-sized panels */
@media(max-width:1100px) and (min-width:761px){.hero h1{font-size:clamp(57px,7.5vw,92px)}.v24-type-rig>span{font-size:clamp(47px,5vw,78px)}.v24-typefield span{font-size:clamp(37px,4vw,63px)}.v24-demo-type{font-size:125px}}
@media(max-width:760px){
 .hero-text{width:auto;top:auto;left:auto;max-width:none}.hero h1{font-size:clamp(64px,11.4vw,95px)}.hero-world{top:auto;right:auto;width:100%;height:390px;position:relative;overflow:hidden!important}.v24-world-layer{inset:0 0 57px}.v24-world-switch{height:57px}.v24-world-switch button{font-size:10px}.v24-spec-top{top:6%;font-size:10px}.v24-caption{font-size:11px}.v24-type-rig>span{font-size:clamp(43px,9vw,82px)}.v24-interface-text{font-size:clamp(31px,6vw,62px)}.v24-live-time{font-size:75px}.v24-live-stories{height:28%}
 .v24-artboard{top:28%;bottom:18%;left:6%;right:6%}.v24-typefield span{font-size:clamp(45px,10vw,69px)}.v24-creative-prompt{left:6%;right:6%}.v24-creative-prompt p{font-size:16px}.v24-creative-foot{left:6%;right:6%;bottom:3%;font-size:11px}.v24-about-signature{height:430px;min-height:0;width:100%;max-width:550px;margin:0 auto}.v24-demo-type{font-size:110px}
}
@media(max-width:460px){.hero-world{height:320px}.hero h1{font-size:clamp(51px,13vw,65px)}.v24-type-rig>span{font-size:clamp(36px,9vw,47px)}.v24-type-rig{padding-left:4%}.v24-interface{width:85%}.v24-interface-text{font-size:31px}.v24-typefield span{font-size:clamp(38px,9.1vw,49px)}.v24-creative-prompt p{font-size:14px}.v24-artboard{inset:26% 5% 21%}.v24-creative-foot{font-size:10px}.v24-about-signature{height:355px}.v24-live-work{inset:23% 7% 14%}}
@media(prefers-reduced-motion:reduce){.v24-world-layer,.v24-type-rig,.v24-artboard,.v24-about-inkfield,.v24-demo-editor,.v24-demo-cursor{transition:none!important;animation:none!important}.v24-stroke-one,.v24-stroke-two{stroke-dashoffset:0}}

.v24-about-hand-label{position:absolute;z-index:2;font:800 clamp(12px,1vw,16px)/1.1 'Barlow Condensed',sans-serif;letter-spacing:.11em;text-transform:uppercase;color:#1c1b38;background:#efefea;padding:6px 9px;pointer-events:none}.v24-about-hand-label.left{top:14%;left:6%;transform:translate(calc(var(--px)*-9px),calc(var(--py)*-5px))}.v24-about-hand-label.right{top:14%;right:6%;transform:translate(calc(var(--px)*9px),calc(var(--py)*5px))}