/* V45.5 — Persian-first legibility, game UI integrity, and less visual clutter */
:root{--text-strong:#fff5ea;--muted-strong:#dae4f5}
html{scroll-padding-top:75px}
body{overflow-wrap:break-word}
a,button,input,select,textarea{touch-action:manipulation}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b7f7a2;outline-offset:3px}
html:lang(fa) body{font-family:Tahoma,'Noto Sans Arabic',system-ui,sans-serif}
html:lang(fa) .hero-panel h1{font-weight:900;line-height:1.31;font-size:clamp(38px,4.6vw,70px)}
html:lang(fa) .hero-panel p{font-size:clamp(15px,1.25vw,18px);line-height:1.95;color:#f2eff7}
html:lang(fa) .case-body p,html:lang(fa) .case-lead{font-size:15px;line-height:2}
html:lang(fa) .portfolio-section p,html:lang(fa) .content-card p,html:lang(fa) .detail-panel p{line-height:1.95;color:#dce4f4}
html:lang(fa) .field label{font-size:13px;line-height:1.7}
html:lang(fa) .topbar small,html:lang(fa) .header small{letter-spacing:0}
html:lang(fa) .hero-panel .eyebrow{letter-spacing:0;font-size:12px}
html:lang(fa) .scroll-cue{font-size:12px}
html:lang(fa) .world-hud button{font-size:12px}
html:lang(fa) .v453-room-aside p{line-height:1.9}
html:lang(fa) .v453-room-aside h2{font-size:clamp(26px,4vw,44px)}
.hero-panel{border:1px solid #afbfe273;box-shadow:0 22px 75px #05091a93;backdrop-filter:blur(8px)}
.hero-actions .primary-action,.hero-actions .outline-action{min-height:45px;display:inline-flex;align-items:center;justify-content:center}
.dialogue{box-shadow:0 15px 32px #030611a0;background:#fff4e8;color:#141d37}
.dialogue p{color:#1b2944}
.world-hud{background:#0b1431e8;border:1px solid #a4b4d657;border-radius:11px;padding:6px 9px;backdrop-filter:blur(8px)}
.world-controls{display:flex;flex-wrap:wrap;align-items:center;gap:5px}
.world-controls button{min-height:40px;white-space:nowrap;border-radius:6px}
#motionToggle[aria-pressed="true"]{border-color:#b8f389;color:#b8f389}
.project-card{box-shadow:0 14px 28px #050a1b55}
.project-card:focus-visible,.project-card:hover{transform:translateY(-4px);border-color:#f5adc9}
.project-card .project-visual{background-size:cover;background-position:center;overflow:hidden}
.project-card .project-visual>*{position:relative;z-index:1}
.project-card.livora-card .project-visual{background-image:linear-gradient(180deg,transparent 70%,#211a3a55),url('../assets/v454/livora-pixel.webp')}
.project-card.belsino-card .project-visual{background-image:linear-gradient(180deg,transparent 70%,#211a3a55),url('../assets/v454/belsino-pixel.webp')}
.project-card.caat-card .project-visual{background-image:linear-gradient(180deg,transparent 70%,#211a3a55),url('../assets/v454/caat-pixel.webp')}
/* The project scenes are intentionally labeled as illustrated, not evidence. */
.project-card .project-visual>i{background:#0b1424e9;padding:5px 8px;border:1px solid #f8eae580;border-radius:5px}
.form{max-width:810px}
.form-step .field input,.form-step .field select,.form-step .field textarea{min-height:48px;font-family:inherit;font-size:16px;line-height:1.7}
.form-step .field textarea{min-height:120px}
.form .step-tabs{flex-wrap:wrap}
.form .step-tabs span{font-size:12px;padding:10px 13px}
.form .step-tabs .current{font-weight:900}
.delivery-mode{padding:11px 14px;border:1px solid #65b2c9;border-radius:8px;color:#d6f4f4;background:#112b3a;line-height:1.8;font-size:13px}
.delivery-disclaimer{display:block;margin-top:10px;line-height:1.8}
.form-status{font-size:14px;line-height:1.8}.form-status.is-success{background:#163e3a;padding:12px 15px;border-radius:6px;color:#c9ffed}
.spam-trap{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.form-actions{flex-wrap:wrap}
.form-actions button{min-height:46px}
:lang(fa) .case-stat{direction:rtl}
:lang(fa) .section-body .page-title{line-height:1.32}
:lang(fa) .notice{line-height:1.9}
/* less-motion is a real user preference, not a purely visual button */
html.less-motion *,html.less-motion *::before,html.less-motion *::after{scroll-behavior:auto!important;transition-duration:0.001ms!important;animation-duration:0.001ms!important}
@media(max-width:760px){
 .hero-panel{backdrop-filter:none}
 html:lang(fa) .hero-panel h1{font-size:clamp(34px,8.4vw,49px)}
 html:lang(fa) .hero-panel p{font-size:13px;line-height:1.75}
 .dialogue{max-height:98px;overflow:auto}
 .world-hud{gap:5px;min-height:53px}
 .world-controls{justify-content:center;gap:4px}
 .world-controls button{min-height:40px;padding:8px 9px}
 .world-progress{min-width:100px}
 .form{padding:20px 15px}
 .section-body{padding-inline:16px}
 .case-sheet{max-width:100%}
}
@media(max-width:390px){
 .world-hud{padding:5px}
 .world-progress{flex-basis:100%;max-width:100%}
 .world-controls button{font-size:10px;min-height:39px}
 .dialogue{bottom:134px}
}
@media(prefers-reduced-motion:reduce){.film-grain,.v454-door-transition{display:none!important}}
/* Keep the honeypot out of layout and RTL scroll calculations. */
.spam-trap{position:absolute!important;inset:auto!important;width:1px!important;height:1px!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;overflow:hidden!important;pointer-events:none!important}
@media(max-width:720px){
 .hero-panel{top:80px;bottom:auto;max-height:53svh;overflow:auto;padding:13px 16px}
 html:lang(fa) .hero-panel h1{font-size:clamp(31px,8vw,40px);line-height:1.2;margin:8px 0}
 html:lang(fa) .hero-panel p{font-size:12px;line-height:1.65;margin:5px 0}
 .hero-panel .hero-actions{margin-top:10px;gap:7px}
 .hero-panel .scroll-cue{margin-top:8px;font-size:10px}
 .hero-panel .eyebrow{font-size:10px}
 .dialogue{bottom:122px}
}
.v455-case-proof{margin:22px 0 35px;background:linear-gradient(135deg,#182440,#0e1a34);border:1px solid #5a7795;padding:clamp(18px,3vw,32px);border-radius:14px}
.v455-case-proof-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;color:#98efdd;font-size:12px;font-weight:800}
.v455-case-proof h2{font-size:clamp(21px,3vw,33px);line-height:1.5;margin:14px 0 19px}
.v455-case-proof-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}
.v455-case-proof h3{font-size:17px;margin:0 0 13px;color:#fff0e8}
.v455-case-proof p{font-size:14px;line-height:1.95;color:#dce5f3;margin:9px 0}
.v455-evidence-note{border-inline-start:3px solid #f39dc1;padding-inline-start:20px;background:#1a263e;padding-block:12px;padding-inline-end:12px;border-radius:5px}
.v455-case-tag{border-radius:4px;background:#233e44;padding:6px 9px;color:#b7f5e4}
@media(max-width:720px){.v455-case-proof-grid{grid-template-columns:1fr}.v455-evidence-note{border-inline-start:0;border-top:3px solid #f39dc1;padding:16px}}
.v455-illustration{margin:0 0 24px;position:relative}
.v455-illustration img{display:block;width:100%;max-height:290px;object-fit:cover;image-rendering:pixelated;border:1px solid #6d6788;border-radius:9px;background:#1b2744}
.v455-illustration figcaption{padding:9px 4px 0;color:#bcd3eb;font-size:12px;line-height:1.8}