@font-face{font-family:"Yekan Bakh";src:url('assets/fonts/yekan-bakh-vf.woff2') format('woff2');font-style:normal;font-weight:100 950;font-stretch:62.5% 150%;font-display:swap}
/* A quiet, bilingual extension of Tunnel's existing typography and palette. */
.inquiry-page{--iq-line:#dedede;--iq-muted:#666;max-width:1500px;margin:auto;padding:104px 6% 90px;color:var(--ink)}
.inquiry-page[lang=fa],.inquiry-page[lang=fa] *{font-family:"Yekan Bakh",Tahoma,sans-serif!important;font-stretch:normal;font-variation-settings:"wdth" 100}
.iq-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:34px;border-bottom:1px solid var(--iq-line)}
.iq-top .eyebrow{font-size:11px;letter-spacing:.07em}.inquiry-page[lang=fa] .eyebrow{letter-spacing:0}
.iq-language{display:flex;align-items:center;gap:12px;direction:ltr;flex-shrink:0;font-size:13px}.iq-language button{padding:8px 0;color:var(--iq-muted);border:0;background:transparent;cursor:pointer;min-height:40px}.iq-language button[aria-pressed=true]{color:var(--ink);text-decoration:underline;text-underline-offset:6px}.iq-language span{color:var(--iq-muted)}
.iq-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(50px,9vw,145px);padding-top:54px;align-items:start}.iq-intro{position:sticky;top:100px}.iq-kicker{font-size:12px;color:var(--iq-muted);margin:0 0 22px}.iq-intro h1,.iq-success h1{font-weight:400;font-size:clamp(32px,3.5vw,48px);line-height:1.15;letter-spacing:-.035em;margin:0 0 24px}.inquiry-page[lang=fa] h1{line-height:1.65;letter-spacing:-.03em;font-size:clamp(28px,3vw,40px)}
.iq-description{max-width:370px;color:var(--iq-muted);font-size:15px;line-height:1.8;margin:0}.iq-after{max-width:370px}.iq-after h2{font-size:14px;font-weight:500;margin:0 0 15px}.iq-after ol{list-style:none;counter-reset:next;padding:0;margin:0}.iq-after li{counter-increment:next;display:flex;gap:14px;font-size:13px;line-height:1.9;color:var(--iq-muted);margin:10px 0}.iq-after li:before{content:'0' counter(next);font-size:10px;line-height:2.5;color:var(--iq-muted);flex-shrink:0}.iq-work-link{display:inline-block;margin-top:28px;font-size:12px;text-decoration:underline;text-underline-offset:5px}
.iq-form-area{min-width:0;scroll-margin-top:95px}.iq-progress{display:flex;padding:0;list-style:none;margin:0 0 44px;gap:16px;border-bottom:1px solid var(--iq-line)}.iq-progress li{flex:1;display:flex;flex-direction:column;gap:12px;color:var(--iq-muted);font-size:11px;line-height:1.6;padding-bottom:16px;position:relative}.iq-progress li>span:first-child{font-size:10px}.iq-progress li[aria-current]{color:var(--ink)}.iq-progress li[aria-current]:after,.iq-progress li.done:after{content:'';height:2px;position:absolute;bottom:-1px;left:0;right:0;background:#d51c29}.iq-progress li.done:after{background:#777}
.iq-section-title{margin-bottom:32px}.iq-section-title>span{font-size:10px;color:var(--iq-muted)}.iq-section-title h2{font-size:22px;font-weight:400;margin:10px 0}.iq-section-title p{font-size:10px;color:var(--iq-muted)}.iq-fields{display:flex;flex-direction:column;gap:26px}.iq-field{display:flex;flex-direction:column;gap:10px;min-width:0}.iq-field label,.iq-service-group legend{font-size:14px;font-weight:400;line-height:1.8}.iq-field label small{font-size:10px;color:var(--iq-muted);margin-inline-start:8px;font-weight:400}
.inquiry-page input:not([type=checkbox]),.inquiry-page select,.inquiry-page textarea{display:block;box-sizing:border-box;width:100%;max-width:100%;border:0;border-bottom:1px solid #aaa;border-radius:0;background:transparent;color:var(--ink);font-size:16px;padding:10px 0 14px;outline:0;line-height:1.8;box-shadow:none}.inquiry-page textarea{resize:vertical;min-height:145px}.inquiry-page select{cursor:pointer}.inquiry-page option{background:#fff;color:var(--ink)}.inquiry-page input:focus,.inquiry-page select:focus,.inquiry-page textarea:focus{border-color:var(--ink)}.inquiry-page [aria-invalid=true]{border-color:#b42318!important}.inquiry-page input[type=checkbox]{accent-color:#d51c29;flex-shrink:0;width:17px;height:17px;margin:3px 0;cursor:pointer}
.iq-help{font-size:12px;line-height:1.9;color:var(--iq-muted);margin:0}.iq-error{font-size:12px;color:#b42318;line-height:1.8}.iq-error:empty{display:none}.iq-service-group{border:0;padding:0;margin:0;min-width:0}.iq-service-group>.iq-help{margin:10px 0 20px}.iq-services{display:flex;flex-wrap:wrap;gap:10px 8px;margin-bottom:12px}.iq-service{display:block;position:relative;cursor:pointer;max-width:100%}.iq-service input{position:absolute;opacity:0!important;inset:0;width:100%!important;height:100%!important;margin:0!important}.iq-service span{display:block;padding:10px 14px;border:1px solid #ccc;border-radius:24px;font-size:12px;line-height:1.6;color:var(--iq-muted);transition:background .2s,border .2s,color .2s}.iq-service input:checked+span{border-color:var(--service-color);background:#f3f3f3;color:var(--ink);box-shadow:inset 0 -2px var(--service-color)}.iq-service input:focus-visible+span{outline:2px solid #111;outline-offset:3px}
#iq-conditional{display:flex;flex-direction:column;gap:26px}.iq-budget{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:24px}.iq-budget-help{margin-top:-12px}.iq-summary{border-top:1px solid var(--iq-line);border-bottom:1px solid var(--iq-line);padding:22px 0}.iq-summary h3{font-size:12px;font-weight:400;color:var(--iq-muted);margin:0 0 14px}.iq-summary p{font-size:13px;line-height:1.8;margin:6px 0;overflow-wrap:anywhere}.iq-summary p[dir=ltr]{text-align:start}.iq-summary button{background:none;border:none;padding:8px 0;color:var(--ink);font-size:12px;text-decoration:underline;cursor:pointer}.iq-consent{display:flex;align-items:flex-start;gap:12px;font-size:12px;line-height:1.9;cursor:pointer}.iq-honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.iq-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:32px;padding-top:26px;border-top:1px solid var(--iq-line)}.iq-submit,.iq-success>button{background:#111;color:#fff;border:1px solid #111;border-radius:3px;min-height:48px;padding:12px 24px;font-size:13px;cursor:pointer;line-height:1.8}.iq-submit:hover{background:#333}.iq-submit:disabled{opacity:.6;cursor:wait}.iq-back{background:none;color:var(--iq-muted);border:0;padding:12px 0;font-size:13px;cursor:pointer}#form-status{color:#b42318;font-size:13px;line-height:1.8;margin-top:20px}.iq-success{padding:65px 0 100px;max-width:650px;outline:0}.iq-success>img{width:50px;filter:none;margin-bottom:30px}.iq-success p{font-size:15px;line-height:1.9;color:var(--iq-muted)}.iq-reference{font-size:11px!important;line-height:2!important;color:var(--iq-muted)!important;overflow-wrap:anywhere;margin:28px 0}.iq-reference b{font-weight:400;display:inline-block}.iq-success>a{font-size:13px;margin-inline-start:24px;text-decoration:underline}.inquiry-page button:focus-visible,.inquiry-page a:focus-visible{outline:2px solid #111;outline-offset:5px}.iq-inbox h1{font-size:36px;margin:40px 0 20px}.iq-inbox #iq-reload{color:var(--ink);background:none;border:1px solid #aaa;padding:10px 18px;cursor:pointer;margin-bottom:24px}.iq-record{border-top:1px solid var(--iq-line);padding:20px 0}.iq-record summary{cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:14px;line-height:1.7}.iq-record time{color:var(--iq-muted);font-size:12px}.iq-record dl>div{display:grid;grid-template-columns:180px minmax(0,1fr);gap:25px;border-bottom:1px solid var(--iq-line);padding:14px 0;font-size:13px;line-height:1.8}.iq-record dt{color:var(--iq-muted)}.iq-record dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:800px){.inquiry-page{padding:85px 6% 65px}.iq-top{padding-bottom:20px;gap:12px}.iq-top .eyebrow{font-size:9px}.iq-language{font-size:12px;gap:9px}.iq-layout{grid-template-columns:minmax(0,1fr);gap:38px;padding-top:32px}.iq-intro{position:static;display:grid;grid-template-columns:minmax(0,1fr) 75px;column-gap:20px}.iq-kicker,.iq-intro h1,.iq-description{grid-column:1}.iq-kicker{font-size:11px;margin-bottom:14px}.iq-intro h1{font-size:32px;margin-bottom:14px}.iq-description{font-size:13px}.iq-after,.iq-work-link{display:none}.iq-progress{margin-bottom:27px;gap:14px}.iq-progress li{font-size:10px}.iq-fields{gap:24px}.iq-section-title h2{font-size:21px}.iq-section-title{margin-bottom:25px}.iq-service span{padding:10px 12px;font-size:11px}.iq-budget{gap:18px;grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}.iq-budget label{font-size:12px}.iq-submit{padding:12px 19px}.iq-record summary{flex-direction:column;gap:4px}.iq-record dl>div{grid-template-columns:minmax(0,1fr);gap:4px}}
@media(prefers-reduced-motion:reduce){.iq-service span{transition:none}}

/* Minimal contact: the brief leads on the left, studio details sit to the right. */
.iq-heading{padding:46px 0 0;max-width:680px}
.iq-heading h1{font-size:clamp(32px,3.5vw,48px);font-weight:400;line-height:1.15;letter-spacing:-.035em;margin:0 0 20px}
.iq-heading .iq-description{max-width:570px}
.iq-layout{direction:ltr;grid-template-columns:minmax(0,1.5fr) minmax(240px,.8fr);gap:clamp(60px,9vw,140px);padding-top:52px}
.iq-intro{display:block;position:sticky;top:105px;min-width:0}
.iq-studio-contact{padding:0 0 32px;border-bottom:1px solid var(--iq-line);margin-bottom:32px}
.iq-studio-contact h2{font-size:20px;font-weight:400;line-height:1.4;margin:0 0 28px}
.iq-studio-contact address{font-style:normal;display:grid;gap:25px}
.iq-contact-detail{display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.iq-contact-detail>span{font-size:11px;color:var(--iq-muted)}
.iq-contact-detail p,.iq-contact-detail a{font-size:15px;line-height:1.8;margin:0;overflow-wrap:anywhere}
.iq-socials{display:flex;gap:10px;margin:22px 0 -4px;direction:ltr;justify-content:flex-start}
.iq-socials a{width:44px;height:44px;display:grid;place-items:center;color:var(--iq-muted);transition:color .2s}
.iq-socials a:first-child{margin-left:-10px}
.iq-socials a:hover,.iq-socials a:focus-visible{color:var(--ink)}
.iq-socials svg{display:block;width:23px;height:23px}
.iq-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.iq-after{display:block;max-width:none}.iq-after li{font-size:12px}
.iq-work-link{display:inline-block}
@media(max-width:800px){
 .iq-heading{padding-top:30px}.iq-heading h1{font-size:32px}.iq-heading .iq-description{max-width:500px}
 .iq-layout{grid-template-columns:minmax(0,1fr);gap:50px;padding-top:36px}
 .iq-intro{position:static;display:block;border-top:1px solid var(--iq-line);padding-top:32px}
 .iq-studio-contact{padding-bottom:24px;margin-bottom:26px}.iq-studio-contact h2{font-size:20px}
 .iq-after,.iq-work-link{display:block}.iq-work-link{width:max-content}
}

body.contact-page header,body.contact-page header.dark{height:78px;align-items:center;background:var(--paper);backdrop-filter:none;border-bottom:1px solid #00000018}
@media(max-width:800px){body.contact-page header,body.contact-page header.dark{height:70px}body.contact-page header.menu-open{height:100svh}}

/* Contact keeps a white canvas in both languages and in the private inbox. */
body.contact-page{--paper:#fff;--ink:#111;background:var(--paper);color:var(--ink);color-scheme:light}
body.contact-page.night .brand-symbol img,body.contact-page.night #site-footer img{filter:none}
.iq-submit,.iq-success>button{color:#fff}
.inquiry-page[lang=fa] h1{letter-spacing:0;line-height:1.6}

.inquiry-page [lang="fa"],.inquiry-page [data-iq-lang="fa"]{font-family:"Yekan Bakh",Tahoma,sans-serif!important;font-stretch:normal;font-variation-settings:"wdth" 100}
/* Keep both controls in the same physical location across language changes. */
.iq-top{direction:ltr}.iq-top>.eyebrow{direction:inherit}.inquiry-page[dir=rtl] .iq-top>.eyebrow{direction:rtl}

.iq-email-retry{font-size:12px;text-decoration:underline;text-underline-offset:4px;padding:12px 0;cursor:pointer}

/* In Persian the wider first column starts on the right. */
.inquiry-page[lang=fa] .iq-layout{direction:rtl}

/* Contact / a clear brief, a distinct studio presence. */
.inquiry-page{--iq-accent:#d51c29;--iq-line:#dededb;--iq-muted:#696966;padding-top:108px;padding-bottom:100px}
.iq-top{padding-bottom:20px}
.iq-heading{padding-top:40px;max-width:900px}
.iq-kicker{font-size:11px;margin-bottom:18px}
.iq-heading h1{font-size:clamp(40px,4.8vw,66px);line-height:1.08;letter-spacing:-.045em;margin-bottom:22px}
.iq-heading .iq-description{font-size:14px;line-height:1.75;max-width:510px}
.iq-layout{grid-template-columns:minmax(0,1.6fr) minmax(270px,.85fr);gap:clamp(40px,6vw,100px);padding-top:50px}
.iq-progress{gap:6px;border:0;margin-bottom:32px}
.iq-progress li{box-sizing:border-box;min-height:100px;background:#f2f2ef;border:0;padding:16px 18px;gap:16px;font-size:12px;line-height:1.4;color:#686865;transition:background .25s,color .25s}
.iq-progress li>span:first-child{font-size:10px;font-variant-numeric:tabular-nums}
.iq-progress li[aria-current]{background:var(--iq-accent);color:#fff}
.iq-progress li.done{color:#111;background:#e5e5e1}
.iq-progress li[aria-current]:after,.iq-progress li.done:after{content:none}
.iq-section-title{display:grid;grid-template-columns:1fr auto;align-items:end;gap:4px 16px;padding-bottom:22px;margin-bottom:26px;border-bottom:1px solid var(--iq-line)}
.iq-section-title>span{grid-column:1/-1;letter-spacing:.06em}
.iq-section-title h2{font-size:clamp(23px,2vw,30px);letter-spacing:-.025em;margin:8px 0 0}
.iq-section-title p{margin:0 0 3px;font-size:10px}
.iq-fields{gap:18px}
.iq-form-area[data-step="0"] .iq-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.iq-field{gap:8px;padding:15px 17px 12px;background:#f8f8f6;border:1px solid #e6e6e2;border-radius:4px;transition:border-color .2s,background .2s}
.iq-field:focus-within{border-color:var(--iq-accent);background:#fff}
.iq-field label{font-size:12px;line-height:1.5}
.iq-field label small{font-size:10px}
.inquiry-page input:not([type=checkbox]),.inquiry-page select,.inquiry-page textarea{font-size:16px;line-height:1.65;border:0;padding:3px 0;min-height:34px}
.inquiry-page input:focus-visible,.inquiry-page select:focus-visible,.inquiry-page textarea:focus-visible{outline:0}
.inquiry-page textarea{min-height:155px}
.iq-field:has([aria-invalid=true]){border-color:#b42318;background:#fff8f7}
.iq-service span{border-radius:3px;padding:12px 15px;font-size:12px}
.iq-service input:checked+span{background:#111;color:#fff;border-color:#111;box-shadow:none}
.iq-service-group>.iq-help{max-width:530px}
.iq-help,.iq-consent{font-size:12px;line-height:1.75}
.iq-budget{gap:18px}
.iq-actions{margin-top:26px;padding-top:22px;border:0}
.iq-submit{min-height:52px;min-width:170px;padding:14px 24px;border-radius:3px;font-size:13px;transition:background .2s,border-color .2s}
.iq-submit:hover{background:var(--iq-accent);border-color:var(--iq-accent)}
.iq-intro{position:static;top:auto;align-self:start}
.iq-studio-contact{border:0;padding:0;margin-bottom:30px}
.iq-studio-index{display:block;font-size:10px;letter-spacing:.08em;color:var(--iq-muted);margin-bottom:14px}
.iq-studio-contact h2{display:flex;align-items:baseline;gap:12px;font-size:clamp(32px,3.3vw,45px);line-height:1.12;letter-spacing:-.04em;margin:0 0 28px;font-weight:400}
.iq-location-dot{width:9px;height:9px;border-radius:50%;background:var(--iq-accent);flex:none;align-self:center}
.iq-map-frame{position:relative;isolation:isolate;width:100%;aspect-ratio:1/1.08;overflow:hidden;border-radius:50% 50% 4px 4px / 46.3% 46.3% 4px 4px;background:#121212;margin-bottom:24px}
.iq-map-frame iframe{display:block;border:0;width:100%;height:100%;filter:grayscale(1) invert(1) contrast(.92);background:#eee}
.iq-studio-signature{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;color:#fff}
.iq-studio-signature>img{width:48px;height:auto;filter:invert(1)}
.iq-studio-signature>span{font-size:10px;line-height:1.6;letter-spacing:.12em;text-align:center}
.iq-map-link{display:inline-block;margin:0 0 24px;font-size:12px;text-decoration:underline;text-underline-offset:5px}
.iq-studio-contact address{gap:20px}
.iq-contact-detail{gap:5px}
.iq-contact-detail>span{font-size:10px;letter-spacing:.02em}
.iq-contact-detail p,.iq-contact-detail a{font-size:16px;line-height:1.7}
.iq-socials{margin:16px 0 0;gap:8px}
.iq-socials a{border:1px solid var(--iq-line);width:42px;height:42px;border-radius:50%;color:#111;transition:background .2s,color .2s,border-color .2s}
.iq-socials a:first-child{margin-left:0}
.iq-socials a:hover{background:#111;border-color:#111;color:#fff}
.iq-socials svg{width:18px;height:18px}
.iq-after{padding-top:26px;border-top:1px solid var(--iq-line)}
.iq-after h2{font-size:16px;margin-bottom:20px;font-weight:400}
.iq-after li{gap:14px;margin:0;padding:12px 0;font-size:12px;line-height:1.7;border-bottom:1px solid #ecece8}
.iq-after li:last-child{border-bottom:0}
.iq-work-link{margin-top:20px;font-size:12px}
.inquiry-page[lang=fa] .iq-heading h1{font-size:clamp(32px,3.6vw,48px);line-height:1.5}
.inquiry-page[lang=fa] .iq-studio-contact h2{letter-spacing:0;line-height:1.6}
@media(max-width:1000px) and (min-width:801px){.iq-layout{grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:32px}.iq-progress li{padding:14px 10px;font-size:11px}.iq-form-area[data-step="0"] .iq-fields{grid-template-columns:minmax(0,1fr)}}
@media(max-width:800px){
 .iq-heading{padding-top:28px}.iq-heading h1{font-size:clamp(36px,7vw,54px)}.iq-heading .iq-description{font-size:13px}
 .iq-layout{grid-template-columns:minmax(0,1fr);gap:54px;padding-top:32px}
 .iq-progress{gap:4px;margin-bottom:28px}.iq-progress li{min-height:94px;padding:14px 10px;font-size:11px;gap:14px}
 .iq-form-area[data-step="0"] .iq-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
 .iq-section-title h2{font-size:25px}.iq-field{padding:14px}.iq-fields{gap:14px}
 .iq-intro{padding-top:32px}.iq-studio-contact h2{font-size:38px}
 .iq-map-frame{max-width:420px;aspect-ratio:1/1.05;margin-inline:auto}
 .iq-studio-contact address{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
 .iq-after{padding-top:24px}.iq-after li{font-size:13px}
}
@media(max-width:480px){.iq-form-area[data-step="0"] .iq-fields{grid-template-columns:minmax(0,1fr)}.iq-progress li{font-size:10px;min-height:90px}.iq-section-title{grid-template-columns:1fr}.iq-section-title p{margin-top:8px}.iq-field{padding:13px 15px}.iq-submit{min-width:154px}.iq-studio-contact address{grid-template-columns:minmax(0,1fr)}.iq-studio-contact h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){.iq-field,.iq-progress li,.iq-submit,.iq-socials a{transition:none}}

/* Direct contact stays prominent beside the brief. */
.iq-socials{gap:12px;margin-top:22px}
.iq-socials a{width:52px;height:52px;background:#111;border-color:#111;color:#fff}
.iq-socials a svg{width:23px;height:23px}
.iq-socials a:hover,.iq-socials a:focus-visible{background:var(--iq-accent);border-color:var(--iq-accent);color:#fff}
.iq-contact-detail a[href^="mailto:"]{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}

/* A fixed Google map keeps the custom marker's tip on the verified centre. */
.iq-map-fixed iframe{pointer-events:none}
.iq-map-pin{position:absolute;z-index:2;left:50%;top:50%;width:48px;height:88px;display:flex;align-items:flex-end;justify-content:center;transform:translate(-50%,-100%);border:0;background:none}
.iq-map-pin img{display:block;width:34px;height:auto;filter:invert(1) drop-shadow(0 2px 5px #000);pointer-events:none}
.inquiry-page .iq-map-pin:focus-visible{outline:2px solid #fff;outline-offset:5px;border-radius:4px}
