/* Base portfolio additions. Keep Stage 02 layout and visual assets intact. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.header{gap:24px;position:relative;z-index:6}.header nav{margin-inline-start:auto}.talk{background:transparent;color:var(--cream)}
.language-picker{flex-shrink:0}select{font:12px monospace;letter-spacing:1px;background:var(--black);color:var(--cream);border:1px solid var(--line);padding:10px;max-width:100%;cursor:pointer}select:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.status span[data-i18n]{width:auto;height:auto;border-radius:0;background:transparent}.status>span:first-child{flex-shrink:0}
.hero{min-height:650px}.hero-copy{padding:46px 0 68px}.hero h1{font-size:clamp(64px,8.5vw,136px);line-height:1.05}.hero h1>span:last-child{font-size:.86em;margin-top:8px}.description{max-width:520px}.hero-art{top:60px;width:47%}
.screen-label{position:absolute;inset:0;background:radial-gradient(ellipse at 55% 45%,#32201f,#100f0e 60%);clip-path:polygon(28% 12%,76% 29%,76% 81%,24% 65%);color:var(--cream);direction:ltr}
.screen-label span{position:absolute;left:36%;top:41%;font:clamp(20px,2.9vw,46px)/1 Anton,sans-serif;transform:rotate(14deg);text-shadow:3px 2px #c71e26;letter-spacing:-1px}.bezel-label{position:absolute;left:49%;top:78%;background:#211e1a;color:var(--cream);font:9px/1.4 monospace;letter-spacing:1px;padding:0 6px;transform:rotate(14deg);direction:ltr}.hero-art:before{content:'';position:absolute;left:0;top:48%;width:4%;height:32%;background:var(--black)}.hero-art:after{content:'';position:absolute;left:0;bottom:0;width:20%;height:16%;background:var(--black)}

@media(max-width:650px){.hero-art .screen-label span{font-size:7.5vw;left:36%}}
.scroll span[data-i18n]{font:10px monospace;letter-spacing:2px;margin:0}.showreel:disabled{background:#272420;color:#bdb4a4;border-color:#625e53;cursor:default;opacity:.85;font-size:11px;letter-spacing:1px}
.work-toolbar{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px;justify-content:space-between;margin-bottom:28px}.filters{flex:1;margin:0;gap:8px}.filters button{font-size:11px;letter-spacing:1px;padding:12px 14px;min-height:42px}.sector-picker{display:flex;align-items:center;gap:10px;font:10px monospace;letter-spacing:1px}.sector-picker select{max-width:190px;min-height:42px}
.real-thumbnail{background:#242321;aspect-ratio:16/9;overflow:hidden;isolation:isolate}.thumbnail-still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.real-thumbnail .play{z-index:2;width:46px;height:46px;font-size:15px;background:#10100fc0}.featured-badge{position:absolute;top:12px;inset-inline-start:12px;background:var(--red);color:#170d0d;font:10px monospace;letter-spacing:1px;padding:6px 9px;z-index:2}.thumbnail-unavailable{background:repeating-linear-gradient(135deg,#1b1a18 0 3px,#25231e 3px 4px)}
.projects{row-gap:32px}.project-caption{display:block}.project-caption h3{font-size:13px;line-height:1.6;letter-spacing:.8px}.project-caption>span{display:block;text-align:start;margin-top:9px;font-size:10px;line-height:1.6}.load-more{display:block;margin:32px auto 0;background:transparent}.empty-work{padding:50px 20px;border:1px dashed var(--line);font:16px/1.8 Arial;text-align:center;color:var(--muted)}
.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 38px}.service-grid article{position:relative}.service-grid h3{font-size:27px}.service-grid p{font-size:15px}.about h2{font-size:clamp(34px,4.7vw,68px);max-width:1100px}.about-copy{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px;margin-top:28px}.about-copy p{font:16px/1.85 Arial,sans-serif;color:var(--muted);margin:0}
.skill-copy{flex:1;min-width:0}.tool-grid h3{font-size:15px}.tool-icon{flex-shrink:0}.skill-score{font:12px monospace;white-space:nowrap;direction:ltr;color:var(--cream)}meter{display:block;width:100%;height:5px;margin-top:12px;appearance:none;background:#34312a;border:0;border-radius:0}meter::-webkit-meter-bar{background:#34312a;border:0;border-radius:0;height:5px}meter::-webkit-meter-optimum-value{background:var(--red);border-radius:0}meter::-moz-meter-bar{background:var(--red)}.ai-title{margin:36px 0 20px;font:12px monospace;letter-spacing:2px}.ai-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 28px}.ai-skill{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid var(--line);font:14px/1.5 Arial,sans-serif}.contact-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:25px;font:12px/1.6 monospace}.disabled-link{color:var(--muted);font:11px monospace}.channel-links{display:grid;gap:14px;margin:28px 0}.channel-links a{border:1px solid var(--line);padding:20px;display:flex;justify-content:space-between;align-items:center;gap:12px;direction:ltr}.channel-links a strong{font:18px Anton,sans-serif;letter-spacing:.5px}.channel-links a span{font:12px monospace;color:var(--muted)}
.modal-open{overflow:hidden}dialog{max-height:92dvh;overflow:auto;overscroll-behavior:contain;border:1px solid var(--cream);box-shadow:8px 8px 0 #ff29342b;padding:26px;scrollbar-color:var(--red) var(--black)}dialog::backdrop{background:#080808ed}dialog h2{font-size:32px;letter-spacing:0;line-height:1.3;padding-inline-end:32px}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:20px}.dialog-top .eyebrow{margin:0;font-size:10px;line-height:1.5}.dialog-top .close{position:static;border:1px solid var(--line);width:36px;height:36px;line-height:1;flex-shrink:0}.video-dialog{width:min(1120px,calc(100% - 48px));max-width:1120px;padding:22px;background:linear-gradient(135deg,#191612,#0e0e0d)}.video-frame{position:relative;border:1px solid var(--line);padding:8px;background:#000}.video-frame:before,.video-frame:after{content:'';position:absolute;width:25px;height:25px;border-color:var(--red);border-style:solid;pointer-events:none;z-index:1}.video-frame:before{top:-2px;left:-2px;border-width:3px 0 0 3px}.video-frame:after{bottom:-2px;right:-2px;border-width:0 3px 3px 0}#portfolio-video{display:block;width:100%;height:min(58dvh,630px);object-fit:contain;background:#000}.dialog-bottom{display:flex;justify-content:space-between;gap:12px;font:10px monospace;letter-spacing:1.4px;padding-top:18px;color:var(--muted)}.dialog-bottom span:first-child{background-image:radial-gradient(var(--red) .8px,transparent .8px);background-size:4px 4px;padding:6px 10px;color:var(--cream)}#video-error{color:var(--red);font:14px/1.6 Arial}#contact-dialog{width:min(520px,calc(100% - 32px))}
[dir=rtl] body{font-family:Tahoma,Arial,sans-serif}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] .service-grid h3{font-family:Tahoma,Arial,sans-serif;font-weight:900;letter-spacing:-1px}[dir=rtl] .hero{direction:ltr}[dir=rtl] .hero-copy{direction:rtl}[dir=rtl] .hero h1{font-size:clamp(46px,6.4vw,104px);line-height:1.4}[dir=rtl] .hero h1>span:last-child{font-size:.8em}[dir=rtl] .hero h1 em{-webkit-text-stroke:.8px var(--cream)}[dir=rtl] .hero .description{line-height:1.9}[dir=rtl] .status,[dir=rtl] .primary,[dir=rtl] .secondary,[dir=rtl] nav,[dir=rtl] .filters button,[dir=rtl] .project-caption h3,[dir=rtl] .section-heading span,[dir=rtl] .eyebrow{font-family:Tahoma,Arial,sans-serif;letter-spacing:0}[dir=rtl] .project-caption h3{font-size:15px}[dir=rtl] .about-copy p{font-family:Tahoma,Arial,sans-serif;line-height:2}[dir=rtl] .service-grid h3{font-size:25px;line-height:1.6}[dir=rtl] .logo,[dir=rtl] .tool-grid article{direction:ltr}[dir=rtl] .logo span{display:inline-block}
@media(max-width:1100px){.header{gap:15px}.header nav{gap:15px}.header nav>a:last-of-type{display:none}.hero{min-height:560px}.hero-art{top:70px;width:47%}.hero-copy{width:55%}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-copy{grid-template-columns:1fr 1fr}.about-copy p:first-child{grid-column:1/-1}.sector-picker{width:100%}.header .talk{font-size:10px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.header{gap:12px}.header nav{margin-inline-start:auto}.header nav>a{display:none}.header .talk{font-size:9px;padding:10px 8px;letter-spacing:.3px}.logo{font-size:26px}.language-picker select{font-size:11px;width:72px;padding:9px 5px}.hero{min-height:0}.hero-copy{width:100%;padding:34px 0 0}.hero h1{font-size:19vw;line-height:1.1}.hero h1>span:last-child{font-size:.79em}.hero-art{width:100%;top:auto;margin-top:10px}.screen-label span{font-size:10vw}.scroll{margin:0 0 10px}.status{font-size:9px;letter-spacing:1.4px}.description{font-size:15px;line-height:1.8}.actions{gap:12px}.showreel:disabled{font-size:9px;letter-spacing:.4px}.filters button{font-size:10px;padding:11px 12px}.section-heading h2{font-size:29px}.section-heading .index{font-size:10px}.projects{grid-template-columns:1fr}.project-caption>span{font-size:11px}.service-grid,.about-copy,.tool-grid,.ai-grid{grid-template-columns:1fr}.about-copy{gap:20px}.about h2{font-size:37px}.about-copy p:first-child{grid-column:auto}.video-dialog{width:calc(100% - 20px);padding:14px;max-height:94dvh}.video-dialog h2{font-size:23px}.dialog-top .eyebrow{font-size:8px}#portfolio-video{height:min(56dvh,500px)}.contact h2{font-size:42px}.channel-links a{padding:17px}.channel-links a strong{font-size:17px}.channel-links a span{font-size:10px}[dir=rtl] .hero h1{font-size:15vw;line-height:1.6}[dir=rtl] .hero h1>span:last-child{font-size:.82em}[dir=rtl] .about h2{font-size:31px;line-height:1.7}[dir=rtl] .contact h2{font-size:34px;line-height:1.7}}
