/* Additive portfolio layer: existing Aurora, signature and hero remain intact. */
.header-tools { display:flex; align-items:center; justify-content:flex-end; gap:10px; min-width:0; }
.header-inner { gap:22px; }
.language-control { display:flex; align-items:center; gap:7px; color:var(--muted); font-size:11px; }
.language-control select { font:inherit; color:#f1e9fa; background:#1e102e; border:1px solid var(--line-strong); border-radius:14px; padding:10px 8px; max-width:135px; cursor:pointer; }
.category-nav { max-width:var(--max); margin:auto; padding:0 28px 12px; display:flex; justify-content:center; gap:8px; }
.category-nav button { font:inherit; font-size:11px; font-weight:650; color:#d1c8dc; background:rgba(26,13,42,0.92); border:1px solid rgba(170,137,210,0.15); border-radius:99px; padding:9px 19px; cursor:pointer; transition:background .2s,border-color .2s; }
.category-nav button:hover, .category-nav button[aria-pressed=true] { color:#f2eafb; background:#291244; border-color:#7548ab; }
.site-header.scrolled { background:rgba(11,5,19,0.94); }
.hero { padding-top:205px; overflow:clip; }
.section[id] { scroll-margin-top:150px; }
.tansiva-feature { padding-top:30px; padding-bottom:60px; }
.tansiva-shell { position:relative; display:grid; grid-template-columns:1.08fr 1fr; gap:58px; align-items:center; padding:55px; border:1px solid rgba(158,112,215,0.24); border-radius:36px; background:radial-gradient(ellipse at 100% 0,rgba(99,43,167,0.16),transparent 70%),linear-gradient(145deg,rgba(27,13,44,0.96),rgba(17,8,27,0.96)); box-shadow:0 30px 90px rgba(0,0,0,.2); isolation:isolate; }
.tansiva-eyebrow { display:flex; align-items:center; gap:14px; color:#d1c1e4; font-size:11px; font-weight:750; letter-spacing:.1em; margin-bottom:25px; }
.tansiva-eyebrow img { border-radius:16px; }
.tansiva-copy .section-title { font-size:clamp(34px,3.7vw,56px); line-height:1.16; overflow-wrap:anywhere; }
.tansiva-description { margin-top:23px; color:var(--muted); line-height:1.85; font-size:16px; }
.tansiva-tags { display:flex; flex-wrap:wrap; gap:8px; margin:22px 0; }
.tansiva-tags > span { border:1px solid rgba(154,119,197,0.2); border-radius:99px; padding:7px 12px; font-size:11px; color:#d3c8e0; background:rgba(167,126,218,0.05); }
.tansiva-actions { display:flex; flex-wrap:wrap; gap:12px; }
.tansiva-actions .btn { min-width:0; font-size:12px; padding:15px 18px; cursor:pointer; }
.tansiva-preview-note { color:#a292b5; font-size:11px; line-height:1.75; margin-top:22px; }
.tansiva-preview-pair { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:18px; min-width:0; }
.tansiva-preview-pair figure { margin:0; min-width:0; }
.tansiva-preview-pair figure:nth-child(2) { margin-top:65px; }
.tansiva-screen { border:1px solid #583a7c; border-radius:28px; background:#000; padding:6px; box-shadow:0 22px 36px rgba(0,0,0,.4),0 0 40px rgba(142,89,207,0.06); overflow:hidden; }
.tansiva-screen img { display:block; width:100%; height:auto; border-radius:22px; aspect-ratio:390 / 844; }
.tansiva-preview-pair figcaption { margin-top:14px; text-align:center; color:#b8a8cb; font-size:11px; }
.tansiva-safety { max-width:940px; margin:22px auto 0; font-size:11px; color:#a191b5; line-height:1.9; text-align:center; }
.filter-bar { flex-wrap:wrap; }
.filter { white-space:normal; }
.language-dialog { width:min(560px,calc(100% - 32px)); max-height:calc(100dvh - 32px); margin:auto; padding:35px; border:1px solid #57387d; border-radius:28px; background:linear-gradient(140deg,#211233,#11081b); color:#fff; box-shadow:0 30px 100px #0009; overflow:auto; }
.language-dialog::backdrop { background:rgba(11,3,20,0.82); backdrop-filter:blur(10px); }
.language-dialog-brand { display:block; font-size:58px; margin-bottom:14px; }
.language-dialog h2 { font-size:25px; margin:0 0 10px; }
.language-dialog p { color:#bbaacf; font-size:13px; line-height:1.7; margin:0 0 23px; }
.language-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.language-options button { font:inherit; font-size:13px; color:#e8dff4; padding:16px 8px; border:1px solid #473064; background:#231139; border-radius:14px; cursor:pointer; }
.language-options button:hover { background:#341954; border-color:#9f7bcb; }
.language-options button:focus-visible, .category-nav button:focus-visible, .language-control select:focus-visible, #tansivaDetails:focus-visible { outline:2px solid #cbafee; outline-offset:4px; }
[dir=rtl] .signature-name, [dir=rtl] .brand { direction:ltr; }
[dir=rtl] .modal-close { left:auto; right:calc(100% - 62px); }
[dir=rtl] .modal-kicker { padding-inline-end:35px; }
[dir=rtl] .project-category { letter-spacing:0; }
[dir=rtl] .gallery-track { direction:rtl; }
[dir=rtl] .hero-copy .eyebrow { letter-spacing:0; }
[dir=rtl] .modal-footer { text-align:start; }
@media (max-width:1200px) {
 .header-cta { display:none; }
 .header-inner { grid-template-columns:auto 1fr; }
 .desktop-nav { display:none; }
 .menu-toggle { display:inline-flex; }
 .header-tools { justify-self:end; }
 .tansiva-shell { gap:30px; padding:35px; }
 .hero-grid { grid-template-columns:minmax(0,1fr); }
 .hero-copy, .hero-visual, .about-copy { min-width:0; }
}
@media (max-width:767px) {
 .header-inner { padding-inline:16px; gap:8px; min-height:76px; }
 .header-tools { gap:7px; }
 .language-control-label { display:none; }
 .language-control select { width:94px; max-width:94px; font-size:10px; padding:10px 5px; }
 .site-header .brand { min-width:0; gap:7px; }
 .site-header .brand-mark { width:34px; height:34px; flex-shrink:0; }
 .site-header .signature-name--header { font-size:34px; width:auto; min-width:0; }
 .category-nav { padding:0 12px 10px; gap:5px; }
 .category-nav button { flex:1; min-width:0; max-width:180px; border-radius:12px; padding:9px 6px; font-size:10px; line-height:1.5; white-space:normal; overflow-wrap:anywhere; }
 .hero { padding-top:180px; }
 .hero { overflow:clip; }
 .hero-copy .eyebrow { max-width:100%; line-height:1.7; letter-spacing:.12em; }
 .hero-copy .live-dot { flex-shrink:0; }
 .display, .section-title { overflow-wrap:anywhere; }
 .hero-signature .signature-name--hero { max-width:100%; font-size:clamp(43px,13vw,68px); }
 .section[id] { scroll-margin-top:150px; }
 .tansiva-feature { padding:24px 16px 44px; }
 .tansiva-shell { grid-template-columns:1fr; padding:25px 20px; border-radius:26px; gap:25px; }
 .tansiva-copy .section-title { font-size:36px; }
 .tansiva-description { font-size:14px; }
 .tansiva-preview-pair { max-width:490px; width:100%; margin:auto; gap:14px; }
 .tansiva-preview-pair figure:nth-child(2) { margin-top:35px; }
 .tansiva-screen { border-radius:20px; padding:4px; }
 .tansiva-screen img { border-radius:16px; }
 .tansiva-safety { padding-inline:12px; }
 .filter-bar { gap:7px; }
 .filter { font-size:10px; padding:9px 12px; }
 .tansiva-actions .btn { flex:1; }
 .language-dialog { padding:25px 20px; }
}
@media (max-width:700px) { [dir=rtl] .modal-close { left:14px; right:auto; } }
@media (max-width:380px) {
 .site-header .signature-name--header { font-size:29px; }
 .site-header .brand-mark { width:29px; height:29px; }
 .header-inner { padding-inline:10px; }
 .language-control select { width:80px; max-width:80px; }
 .tansiva-copy .section-title { font-size:31px; }
 .tansiva-actions { flex-direction:column; }
 .tansiva-actions .btn { justify-content:center; }
 .language-options { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (prefers-reduced-motion:reduce) { .category-nav button { transition:none; } }