/* Toyota Iran — Figma 786:8518. Plain, editable CSS; no build required. */
@font-face{font-family:Anjoman;src:url('assets/fonts/AnjomanMaxFN-Light.woff') format('woff');font-weight:300;font-display:swap}
@font-face{font-family:Anjoman;src:url('assets/fonts/AnjomanMaxFN-Regular.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:Anjoman;src:url('assets/fonts/AnjomanMaxFN-Medium.woff') format('woff');font-weight:500;font-display:swap}
@font-face{font-family:Anjoman;src:url('assets/fonts/AnjomanMaxFN-SemiBold.woff') format('woff');font-weight:600;font-display:swap}
@font-face{font-family:Anjoman;src:url('assets/fonts/AnjomanMaxFN-Bold.woff') format('woff');font-weight:700;font-display:swap}
:root{--red:#c30400;--bright-red:#ec2d30;--ink:#000;--muted:#8e8e8e;--line:#efefef;--soft:#fafafa;--content:1248px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;color:var(--ink);background:white;font:400 14px/1.57 Anjoman,sans-serif}
button,a{-webkit-tap-highlight-color:transparent}
button,input{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
button{color:inherit}
p,h1,h2,h3,figure,dl,dd{margin:0}
img{display:block;max-width:100%}
button{border:0;background:none}
ul{list-style:none;padding:0;margin:0}
em{font-style:normal}
main,section,article,nav,div{min-width:0}
[hidden]{display:none!important}
:focus-visible{outline:3px solid #0075ff;outline-offset:4px}
.container{width:min(var(--content),calc(100% - 64px));margin-inline:auto}
.section{position:relative}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;padding:8px 24px;border:1px solid var(--line);border-radius:4px;background:white;font-size:12px;line-height:19px;text-align:center}
.button:hover{filter:brightness(.96)}
.button .icon{flex-shrink:0}
.icon{width:18px;height:18px;object-fit:contain}
.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}
.skip-link{position:fixed;z-index:100;inset-block-start:-80px;inset-inline-start:16px;padding:12px;background:white;color:black;border:2px solid var(--red)}
.skip-link:focus{top:12px}
.logo{display:inline-block;position:relative;flex-shrink:0;overflow:hidden;width:71px;height:29px}
.logo img{position:absolute;max-width:none;height:232.26%;width:271.12%;left:-170.65%;top:-29.03%}
.full-logo{width:154px;height:23px}
.full-logo img{width:100.35%;left:-.17%}
.section-heading{text-align:center}
.section-heading h2{display:flex;justify-content:center;align-items:center;gap:8px;font-size:24px;font-weight:500;line-height:38px}
.section-heading p{font-size:14px;font-weight:300;line-height:22px;color:#1f1f1f;margin-top:8px}
.cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.image-button{display:block;padding:0;position:relative;overflow:hidden}
.eyebrow{font-size:14px;line-height:22px}

/* Footer */
.site-footer{position:relative;background:black;color:white;padding-top:88px;overflow:hidden}
.footer-inner{position:relative;z-index:1}
.footer-glow{position:absolute;top:-180px;left:calc(50% - 500px);width:1000px;height:620px;background:radial-gradient(ellipse,rgba(80,80,100,.38),transparent 65%);pointer-events:none}
.footer-intro{text-align:center}
.footer-intro .full-logo{display:block;margin-inline:auto;width:458px;height:67px;max-width:100%}
.footer-intro>p{font-size:15px;line-height:30px;letter-spacing:-.3px;width:760px;max-width:100%;margin:24px auto}
.footer-contact{position:relative;display:flex;align-items:center;justify-content:center;gap:32px;width:826px;max-width:100%;margin:0 auto;font-style:normal;text-align:center;padding-block:24px}
.footer-contact:before,.footer-contact:after{content:'';height:1px;background:#252525;position:absolute;left:41px;right:41px;top:0}
.footer-contact:after{top:auto;bottom:0}
.footer-contact>div{flex:1}
.footer-contact h3{display:flex;align-items:center;justify-content:center;gap:4px;font-size:14px;line-height:21px;font-weight:700;margin-bottom:4px}
.footer-contact p,.footer-contact a{font-size:12px;line-height:22px;font-weight:300}
.footer-contact .icon{width:18px;height:18px}
.footer-links{display:flex;justify-content:space-between;width:744px;max-width:100%;margin:56px auto 64px}
.footer-links h3{font-size:16px;line-height:24px;font-weight:600;margin-bottom:24px}
.footer-links ul{display:flex;flex-direction:column;gap:16px}
.footer-links li,.text-button{font-size:14px;line-height:21px;font-weight:400}
.text-button{border:0;background:none;padding:0;min-height:21px;text-align:right}
.copyright{position:relative;display:flex;align-items:center;justify-content:center;background:#262626;gap:0;min-height:32px}
.copyright p{font-size:15px;line-height:30px;letter-spacing:-.3px;white-space:nowrap}
.copyright [lang=en]{font-size:14px;line-height:32px;width:378px}

/* Local dialogs and accessible interaction states */
dialog{width:min(520px,calc(100% - 32px));padding:24px;border:1px solid var(--line);border-radius:12px;color:black;background:white;box-shadow:0 24px 80px #0004}
dialog::backdrop{background:rgba(0,0,0,.72)}
.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}
.dialog-heading h2{font-size:20px;font-weight:600}
#notice-text{font-size:15px;line-height:28px}
.gallery-dialog{width:min(1000px,calc(100% - 32px))}
.gallery-dialog figure img{width:100%;height:min(64vh,660px);object-fit:contain;background:#fafafa}
.gallery-dialog figcaption{margin-top:12px;text-align:center}
.gallery-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}
.noscript-note{padding:16px;background:#fff9ee;text-align:center}

@font-face{font-family:Arizonia;src:url('assets/fonts/Arizonia-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--content:1250px}
.container{width:min(1250px,calc(100% - 64px))}
.site-header{position:relative;display:flex;align-items:center;justify-content:space-between;height:34px;gap:22px;margin-top:56px;z-index:5}
.main-navigation{display:flex;gap:24px;align-items:center;white-space:nowrap}
.main-navigation a,.nav-button{position:relative;font-size:12px;line-height:20px;font-weight:400;padding:0;min-height:20px}
.design-current:after{content:'';position:absolute;left:50%;bottom:-4px;transform:translateX(-50%);width:36px;height:2px;border-radius:32px;background:var(--red)}
.header-tools{display:flex;align-items:center;gap:24px}.socials{display:flex;gap:16px;align-items:center}.socials img{width:14px;height:14px;object-fit:contain}.icon-button{padding:0}
.dashboard{background:#f5f5f5;color:#181d28;width:162px;min-height:34px;padding:8px 20px;font-size:12px;line-height:18px;border:0;white-space:nowrap}.dashboard .icon{width:14px;height:14px}.menu-toggle{display:none}
/* Figma gallery 786:8518. */
.gallery-main{position:relative;display:flex;flex-direction:column;align-items:center;gap:48px;margin-top:48px;padding-block:64px}
.gallery-heading{position:relative;display:flex;flex-direction:column;gap:8px;text-align:center}
.gallery-heading .script-title{position:absolute;top:-29px;left:50%;transform:translateX(-50%);font:400 100px/125px Arizonia,cursive;white-space:nowrap;color:transparent;background:linear-gradient(180deg,#e1e1e1 25.2%,rgba(225,225,225,.2) 75.467%);background-clip:text;pointer-events:none}
.gallery-heading h1{position:relative;font-size:24px;line-height:38px;font-weight:600}.gallery-heading h1 strong{font-weight:700;color:var(--bright-red)}.gallery-heading .eyebrow{position:relative;font-size:13px;line-height:22px;color:#1f1f1f}
.gallery-tabs{display:flex;width:564px;max-width:100%}.gallery-tabs [role=tab]{flex:1;min-width:0;border-bottom:1px solid var(--line);font-size:12px;line-height:18px;letter-spacing:-.24px;padding:8px 16px 7px;font-weight:300;color:#181d28;white-space:nowrap;height:34px}
.gallery-tabs [aria-selected=true]{font-weight:600;color:var(--red);border-color:var(--red)}
#gallery-panel{width:100%}.gallery-stage{position:relative}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.gallery-column{display:flex;flex-direction:column;gap:16px;height:1609px}
.gallery-item{position:relative;display:block;width:100%;flex:var(--weight) 1 0;min-height:0;padding:0;border-radius:16px;overflow:hidden}.gallery-item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.gallery-item:focus-visible{z-index:2}
.gallery-fade{position:absolute;pointer-events:none;inset-inline:0;bottom:0;height:597px;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.007) 7.3413%,rgba(255,255,255,.027) 12.807%,rgba(255,255,255,.059) 16.76%,rgba(255,255,255,.102) 19.565%,rgba(255,255,255,.155) 21.587%,rgba(255,255,255,.217) 23.189%,rgba(255,255,255,.287) 24.736%,rgba(255,255,255,.364) 26.592%,rgba(255,255,255,.446) 29.12%,rgba(255,255,255,.533) 32.685%,rgba(255,255,255,.624) 37.652%,rgba(255,255,255,.717) 44.383%,rgba(255,255,255,.811) 53.244%,rgba(255,255,255,.906) 64.599%,#fff 78.811%)}
.show-all{position:absolute;left:50%;bottom:131px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;height:28px;white-space:nowrap;padding:0;font-size:18px;line-height:28px;font-weight:600;z-index:3}.show-all .icon{width:24px;height:24px}
.gallery-stage.is-expanded{padding-bottom:68px}.is-expanded .gallery-fade{display:none}.is-expanded .show-all{bottom:0;height:44px}.is-expanded .show-all .icon{transform:rotate(180deg)}
.category-empty{min-height:480px;border:1px dashed #ddd;border-radius:12px;background:#fafafa;padding:40px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;text-align:center}.category-empty p{font-size:16px;line-height:30px;max-width:620px}
.original-image{display:block;margin-top:16px;text-align:center;font-size:13px;color:var(--red);text-decoration:underline;text-underline-offset:4px}
.site-footer{margin-top:48px}.text-button{border:0;border-radius:0;min-height:21px;padding:0;text-align:right}
@media(min-width:1380px){.container{width:calc(100% - 190px);max-width:1250px}}
@media(max-width:1250px){.main-navigation{gap:14px}.header-tools{gap:14px}.socials{gap:10px}.dashboard{width:145px;padding-inline:10px}}
@media(max-width:1050px){.site-header{margin-top:32px}.menu-toggle{display:block;min-height:34px;background:#f5f5f5}.header-tools{margin-inline-start:auto}.main-navigation{display:none;position:absolute;top:50px;left:0;right:0;padding:24px;background:white;border:1px solid #eee;box-shadow:0 12px 30px #0002;border-radius:8px;flex-direction:column;align-items:stretch;gap:18px}.main-navigation.is-open{display:flex}.main-navigation a,.nav-button{text-align:right;font-size:14px}.design-current:after{display:none}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-column{height:auto;aspect-ratio:300.5/1609}.gallery-stage{height:1500px;overflow:hidden}.gallery-stage.is-expanded{height:auto;overflow:visible}.show-all{bottom:90px}.gallery-fade{height:420px}.copyright{flex-wrap:wrap;padding-inline:16px}}
@media(max-width:700px){.container{width:calc(100% - 40px)}.site-header{margin-top:24px;gap:12px}.header-tools{display:none}.menu-toggle{margin-inline-start:auto;min-height:40px}.gallery-main{margin-top:32px;padding-block:48px;gap:32px}.gallery-heading h1{font-size:23px;line-height:36px}.gallery-heading .script-title{font-size:80px;line-height:100px;top:-18px}.gallery-tabs [role=tab]{padding-inline:4px;min-height:44px;height:auto;white-space:normal;font-size:11px}.gallery-grid{gap:12px}.gallery-column{gap:12px}.gallery-item{border-radius:12px}.gallery-stage{height:1050px}.gallery-fade{height:320px}.show-all{bottom:80px;min-height:44px;font-size:16px;line-height:26px}.category-empty{min-height:400px;padding:32px 20px}.category-empty p{font-size:14px;line-height:28px}.gallery-dialog{padding:16px}.gallery-dialog figure img{height:55vh}.gallery-controls .button{padding-inline:12px;min-height:44px}.original-image{min-height:32px}}
@media(max-width:370px){.container{width:calc(100% - 32px)}.gallery-heading h1{font-size:21px}.gallery-heading .script-title{font-size:72px}.gallery-tabs [role=tab]{font-size:10px}.gallery-stage{height:950px}.footer-links{gap:28px 16px}.footer-links li,.text-button{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(max-width:700px){
 .site-footer{padding-top:48px;margin-top:40px}.footer-intro .full-logo{width:290px;height:43px}.footer-intro>p{font-size:14px;line-height:28px;margin-block:24px}.footer-contact{flex-direction:column;gap:24px;padding-block:24px}.footer-contact:before,.footer-contact:after{left:0;right:0}.footer-contact>div{width:100%;max-width:310px}.footer-contact p,.footer-contact a{font-size:13px}.footer-links{margin-block:40px 48px;display:grid;grid-template-columns:1fr 1fr;gap:32px 24px}.footer-links h3{font-size:15px;margin-bottom:16px}.footer-links li,.text-button{font-size:13px;line-height:22px}.footer-links ul{gap:14px}.text-button{min-height:22px}.copyright{gap:4px;padding:12px 20px;text-align:center}.copyright p{white-space:normal;font-size:12px;line-height:22px}.copyright [lang=en]{font-size:12px;line-height:22px;width:100%}.dialog-heading h2{font-size:17px}.dialog-heading{gap:12px}
}
/* /gallery sizing matched to toyotairan.mhyeganeh.ir/gallery (measured at 1440px). Appended after styles.css. Sizes only. */
@media(min-width:1251px){
 .gallery-main.container{width:min(1400px,calc(100% - 60px));max-width:none}
 .gallery-main{margin-top:0;padding-top:90px;gap:50px}
 .gallery-heading .eyebrow{font-size:16.5px;line-height:26px}
 .gallery-heading h1{font-size:28.5px;line-height:57px}
 .gallery-heading .script-title{font-size:118.5px;line-height:148px;top:-41px}
 .gallery-tabs{width:auto}
 .gallery-tabs [role=tab]{flex:0 0 auto;height:46px;font-size:15px;padding:10px 35px}
 .gallery-grid,.gallery-column{gap:15px}
 .gallery-column{height:1788px}
 .gallery-item{border-radius:10px}
}