/* OwnTake v20: small DOM cards only; no canvas, shader, or JS animation loop. */
.intro{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);gap:36px;align-items:center}
.mode-score .intro{top:clamp(108px,15svh,160px)}
.hero-copy{min-width:0}
.hero-copy .hl,html[lang=pl] .hero-copy .hl,html[lang=de] .hero-copy .hl{font-size:clamp(48px,4.9vw,88px);line-height:.91}
.hero-copy .oneline{font-size:clamp(17px,1.5vw,22px);margin-top:16px}
.hero-copy .identity-detail{font-size:15px;line-height:1.4}
.hero-copy .choose{margin-top:20px;gap:10px}
.hero-copy .choose .persona{width:calc((100% - 20px)/3)}
.hero-copy .persona-portrait{height:clamp(78px,7.2vw,110px)}
.hero-copy .persona-job{font-size:12px;padding:8px;min-height:42px}
.hero-professions{margin-top:18px}
.hero-professions>p{margin:0 0 8px;font:500 11px/1.4 var(--mono);color:var(--muted)}
.hero-professions ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0;margin:0;list-style:none}
.industry-figure{margin:0;min-height:67px;padding:8px 5px;border:1px solid rgba(78,195,224,.17);background:rgba(30,58,70,.35);display:flex;align-items:center;flex-direction:column;gap:5px;text-align:center}
.industry-figure svg{width:23px;height:23px;fill:none;stroke:var(--cyan);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.industry-figure figcaption{font:500 10px/1.2 var(--sans);color:var(--paper)}
.hero-art{position:relative;height:clamp(410px,58svh,620px);min-width:0;isolation:isolate}
.hero-art-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;color:var(--cyan)}
.hero-art-lines path{stroke:currentColor;stroke-opacity:.23;stroke-width:1;stroke-dasharray:4 8}
.hero-art-lines circle{fill:var(--cyan);opacity:.6}
.floating-card{position:absolute;margin:0;border:1px solid var(--line);box-shadow:0 12px 28px #07121855;transform:rotate(var(--tilt,0deg));animation:owntake-float 8s ease-in-out infinite;animation-play-state:paused}
.act[data-view="intro"] .floating-card{animation-play-state:running}
.card-eyebrow{display:block;font:500 9px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}
.hero-question{--tilt:-7deg;left:0;top:9%;width:47%;padding:18px 16px 24px;background:var(--paper);color:var(--dark);z-index:3;animation-delay:-2s}
.hero-question strong{display:block;font:700 clamp(16px,1.6vw,25px)/1.13 var(--sans)}
.card-corner{position:absolute;bottom:6px;right:10px;font:10px var(--mono);opacity:.5}
.hero-reel{--tilt:6deg;left:38%;top:19%;width:47%;height:72%;background:var(--navy);z-index:2;overflow:hidden;animation-delay:-4s;animation-duration:10s}
.hero-reel img{width:100%;height:100%;object-fit:cover;object-position:50% 5%;display:block}
.hero-reel-top{position:absolute;left:10px;top:10px;right:10px;background:var(--dark);color:var(--paper);padding:7px;font:500 9px/1.3 var(--mono)}
.hero-reel figcaption{position:absolute;left:10px;right:10px;bottom:32px;padding:12px;background:var(--cyan);color:var(--dark);font:800 clamp(19px,2.2vw,33px)/.98 var(--cond);text-transform:uppercase}
.hero-reel figcaption span,.hero-reel figcaption strong{display:block}
.hero-reel-rail{position:absolute;bottom:12px;left:12px;right:12px;display:flex;gap:4px}
.hero-reel-rail i{height:3px;background:var(--paper);flex:1}.hero-reel-rail i:first-child{background:var(--cyan)}
.hero-voice{--tilt:8deg;left:60%;top:0;width:40%;padding:14px;background:#263643;z-index:4;animation-delay:-5s;animation-duration:9s}
.hero-voice .card-eyebrow{color:var(--cyan);margin-bottom:6px}
.hero-waveform{height:37px;display:flex;align-items:center;gap:4px}
.hero-waveform i{height:var(--h);flex:1;background:var(--cyan);border-radius:2px}
.voice-reference{display:block;margin-top:6px;font:9px/1.3 var(--mono);color:var(--muted)}
.hero-note{--tilt:-9deg;left:0;top:62%;width:54%;padding:17px;background:#f2c14e;color:var(--dark);z-index:4;animation-delay:-1s;animation-duration:9s}
.hero-note q{display:block;font:italic clamp(14px,1.4vw,20px)/1.25 var(--dyn)}
.note-rule{display:block;height:2px;width:36px;background:var(--dark);margin-top:12px}
.hero-script{--tilt:9deg;left:73%;top:77%;width:30%;padding:13px;background:#8b6fd6;color:var(--dark);z-index:5;animation-delay:-6s}
.hero-script strong{font:800 clamp(17px,1.6vw,25px)/1 var(--cond);text-transform:uppercase;display:block}
.script-check{position:absolute;right:9px;bottom:6px;font-size:24px}
@keyframes owntake-float{0%,100%{transform:translateY(0) rotate(var(--tilt,0deg))}50%{transform:translateY(-9px) rotate(var(--tilt,0deg))}}
@media(max-width:1000px){
 .intro{display:block}.hero-art{display:none}
 .hero-copy{max-width:680px}
 .hero-copy .hl,html[lang=pl] .hero-copy .hl,html[lang=de] .hero-copy .hl{font-size:clamp(46px,7.5vw,76px)}
 .hero-professions{max-width:520px}
}
@media(max-width:760px){
 .mode-score .intro{top:100px}
 .hero-copy .hl,html[lang=pl] .hero-copy .hl,html[lang=de] .hero-copy .hl{font-size:clamp(40px,10.8vw,64px)}
 .hero-copy .oneline{font-size:17px;margin-top:13px}.hero-copy .identity-detail{font-size:13px}
 .hero-copy .choose{gap:8px;margin-top:18px}
 .hero-copy .choose .persona{width:calc((100% - 16px)/3)}
 .hero-copy .persona-portrait{height:clamp(72px,20vw,100px)}
 .hero-copy .persona-job{font-size:11px;padding:8px 6px;min-height:43px}
 .hero-professions{margin-top:15px}.hero-professions ul{gap:5px}
 .industry-figure{min-height:66px;padding:7px 3px}.industry-figure figcaption{font-size:9px}
 .industry-figure svg{width:21px;height:21px}
}
@media(prefers-reduced-motion:reduce){.floating-card{animation:none}}
/* Keep the reel message readable above the source note. */
.hero-note{top:86%;left:-2%}
.hero-script{top:72%;left:78%}
.hero-reel figcaption{font-size:clamp(19px,1.8vw,29px)}

/* v21: a second portrait-shaped row, visibly unavailable. */
.hero-professions{margin-top:12px}
.future-persona{border:1px solid #455159;border-radius:3px;overflow:hidden;opacity:.48;color:#d2d6d9;cursor:default}
.future-portrait{position:relative;height:74px;overflow:hidden;background:linear-gradient(135deg,#3a444b,#273139)}
.future-portrait svg{width:100%;height:100%;fill:#899198;display:block}
.future-portrait svg path{fill:#69737a}
.future-portrait>span{position:absolute;right:5px;top:5px;background:#16232bbd;padding:2px 4px;font:8px/1.2 var(--mono)}
.future-job{min-height:35px;display:flex;align-items:center;padding:6px 7px;font:600 11px/1.15 var(--sans)}
.hero-copy .choose .persona[aria-pressed="true"]{border-color:var(--cyan)}
@media(max-width:760px){.future-portrait{height:54px}.future-job{font-size:9px;padding:5px;min-height:33px}.future-portrait>span{font-size:7px;right:3px;top:3px}.hero-professions{margin-top:12px}}

/* v22: three future portraits aligned with the three working profiles. */
.hero-professions ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.future-portrait{height:clamp(78px,7.2vw,110px)}
.future-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 20%;filter:grayscale(1)}
.future-persona{opacity:.62}
.future-job{min-height:42px;font-size:12px;padding:8px}
.hero-copy>.choose-note{margin-top:10px}
@media(max-width:760px){.hero-professions ul{gap:8px}.future-portrait{height:clamp(72px,20vw,100px)}.future-job{min-height:43px;font-size:11px;padding:8px 6px}.future-portrait>span{font-size:8px}}
.future-portrait img{object-position:50% 5%}

/* v23: one grid width and shared card geometry at every breakpoint. */
.hero-copy .choose,.hero-copy .hero-professions{width:100%;max-width:none}
.hero-copy .choose{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hero-copy .choose-l{grid-column:1/-1}
.hero-copy .choose .persona,.hero-copy .choose .persona[aria-pressed="true"]{width:100%;min-width:0}
.hero-copy .persona-portrait,.hero-copy .future-portrait{height:clamp(78px,7.2vw,110px)}
.hero-copy .persona-job,.hero-copy .future-job{height:43px;min-height:43px;box-sizing:border-box}
.future-portrait>span{left:50%;top:50%;right:auto;transform:translate(-50%,-50%) rotate(-45deg);padding:7px 18px;font:800 clamp(13px,1.4vw,21px)/1 var(--cond);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:rgba(22,35,43,.88);color:var(--paper);border-top:1px solid #d2d6d955;border-bottom:1px solid #d2d6d955}
@media(max-width:760px){
 .hero-copy .choose{gap:8px}
 .hero-copy .persona-portrait,.hero-copy .future-portrait{height:clamp(72px,20vw,100px)}
 .future-portrait>span{left:50%;top:50%;right:auto;font-size:13px;padding:5px 14px}
}
.hero-copy .choose,.hero-copy .hero-professions{max-width:680px}
/* v24: proportional bust portraits instead of fixed-height panoramic crops. */
.hero-copy .persona-portrait,.hero-copy .future-portrait{height:auto;aspect-ratio:4/3}
.hero-copy .persona-portrait img,.hero-copy .future-portrait img{height:100%;width:100%;object-fit:cover;object-position:50% 8%}
.hero-copy .persona[data-persona="tutor"] .persona-portrait img{object-position:50% 4%}
.hero-copy .persona[data-persona="adviser"] .persona-portrait img{object-position:50% 12%}
@media(max-width:760px){
 .hero-copy .persona-portrait,.hero-copy .future-portrait{height:auto;aspect-ratio:4/3}
}
/* Owner correction: a gentler diagonal stamp. */
.future-portrait>span{transform:translate(-50%,-50%) rotate(-20deg)}
@media(min-width:1001px) and (max-height:800px){
 .hero-copy .choose,.hero-copy .hero-professions{max-width:480px}
}