/*
Theme Name: RayanMehr Studio
Theme URI: https://rayanmehr.com
Author: RayanMehr
Description: Bilingual Persian/English agency theme, with editable collaborations and inquiry forms.
Version: 1.0.0
Requires at least: 6.2
Requires PHP: 7.4
License: GPL v2 or later
Text Domain: rayanmehr-studio
*/
@font-face{font-family:Vazirmatn;src:url('assets/vazirmatn-400.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Vazirmatn;src:url('assets/vazirmatn-700.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:Vazirmatn;src:url('assets/vazirmatn-900.ttf') format('truetype');font-weight:900;font-display:swap}
:root{--paper:#f4f3ee;--ink:#242522;--orange:#ff5c28;--line:#d8d8d0;--muted:#696b63;--pad:clamp(22px,5.5vw,100px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.9 Vazirmatn,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--orange);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.4}img{max-width:100%;height:auto}em{font-style:normal;color:var(--orange)}header{height:102px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);gap:30px;background:var(--paper);position:relative;z-index:5;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;direction:ltr;font:bold 24px/1.1 Arial,sans-serif;letter-spacing:-1px}.brand svg{width:40px;height:46px}.brand small{display:block;font:700 15px/1.6 Vazirmatn;text-align:right;letter-spacing:0}nav{display:flex;gap:28px;font-size:14px}nav a:hover{color:#bf350d}.header-actions{display:flex;gap:24px;align-items:center}.language{font-weight:700;font-size:14px}.small-cta{font-size:13px;border-bottom:1px solid var(--ink);padding:8px 0}.small-cta span{margin-inline-start:16px}.hero{background:var(--ink);color:var(--paper);padding:26px var(--pad) 0;overflow:hidden}.hero-meta,.hero-bottom{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.5px}.hero-meta{color:#c4c6b9}.dotline{direction:ltr;letter-spacing:1px}.hero-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:4vw;align-items:center;min-height:590px}.hero h1{font-size:clamp(42px,5.8vw,92px);line-height:1.45;letter-spacing:-2px;font-weight:900;position:relative;z-index:1}.hero-copy>p{font-size:16px;max-width:500px;color:#c4c6b9;margin:25px 0 32px;line-height:2.1}.hero-links{display:flex;gap:26px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:17px 24px;font-size:14px;border:0;border-radius:2px;font-weight:700}.orange{background:var(--orange);color:#171815}.orange:hover{background:#ff784e}.button:disabled{opacity:.6;cursor:not-allowed}.text-link{font-size:13px;border-bottom:1px solid currentColor;padding-bottom:4px}.hero-bottom{border-top:1px solid #51534b;padding:22px 0;color:#c4c6b9}.hero-bottom span:last-child{font-size:9px;letter-spacing:1.2px}.hero-art{height:440px;position:relative;direction:ltr;isolation:isolate}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse,#000,transparent 70%)}.big-r{position:absolute;font:900 420px/.9 Arial,sans-serif;letter-spacing:-35px;left:50%;top:45%;transform:translate(-54%,-50%) rotate(-9deg);color:#f4f3ee}.big-r span{color:var(--orange);font-size:260px;margin-left:-45px;position:relative;z-index:-1}.orbit{position:absolute;inset:60px 0;border:1px solid #707368;border-radius:50%;transform:rotate(-30deg);z-index:-1}.orbit.two{inset:0 60px;transform:rotate(35deg);border-color:var(--orange)}.art-label{position:absolute;bottom:12px;left:10px;font:9px/1.5 Arial;letter-spacing:2px}.art-year{position:absolute;top:15px;right:0;font:10px Arial;letter-spacing:2px}.art-year b{display:block;font-size:28px;letter-spacing:-1px;margin-top:5px}.ticker{display:flex;justify-content:space-around;gap:20px;overflow:hidden;background:var(--orange);padding:24px;font:700 clamp(18px,2.5vw,38px)/1 Arial;letter-spacing:-1px;direction:ltr}.ticker i{font-style:normal}.section{padding:105px var(--pad);scroll-margin-top:20px}.section-tag{font-size:11px;letter-spacing:1px;margin-bottom:38px;color:var(--muted)}h2{font-size:clamp(32px,4.5vw,65px);font-weight:900;letter-spacing:-1.5px;line-height:1.5}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.story-copy h3{font-size:22px;margin:10px 0 26px}.story-copy p{margin:0 0 20px;font-size:15px;color:#53564e;line-height:2.15}.year-display{direction:ltr;text-align:start;font:900 clamp(80px,12vw,190px)/1 Arial;letter-spacing:-10px;color:var(--orange);margin-top:50px}.year-display span{display:block;font:12px Arial;letter-spacing:2px;color:var(--ink);margin-top:18px}.services{background:#e9e9e1}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:50px}.section-heading>p{max-width:390px;font-size:15px;color:#57594f;line-height:2}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:32px}.filters button{background:transparent;border:1px solid #bdc0b3;border-radius:50px;padding:10px 18px;color:var(--ink);font-size:12px}.filters button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}details{border-top:1px solid #bfc1b6}summary{list-style:none}summary::-webkit-details-marker{display:none}.service summary{display:flex;align-items:center;gap:28px;padding:25px 4px}.service .num{font:11px Arial;color:#707367}.service h3{font-size:clamp(20px,2vw,30px);font-weight:700;flex:1}.plus{font:36px/1 Arial;font-weight:300;transition:transform .2s}details[open] .plus{transform:rotate(45deg);color:#c03811}.service-detail{padding:0 48px 30px;display:grid;grid-template-columns:1fr 1fr;gap:20px 60px;animation:appear .3s ease}.service-detail p{font-size:15px;max-width:450px}.service-detail ul{margin:0;padding-inline-start:20px;font-size:14px;line-height:2.3}.service-detail a{justify-self:start}.service[hidden]{display:none}.client-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 30px}.client-card:last-child{grid-column:1/-1}.client-cover{height:320px;position:relative;background:#d5dbc9;padding:24px;overflow:hidden;display:flex;align-items:center;justify-content:center;direction:ltr}.client-cover strong{font:700 clamp(26px,3.4vw,55px)/1.1 Arial;letter-spacing:-2px;max-width:85%;text-align:center;z-index:1}.client-index{position:absolute;top:20px;left:22px;font:9px Arial;letter-spacing:2px;z-index:1}.cover-line{position:absolute;width:260px;height:260px;border:1px solid currentColor;opacity:.18;border-radius:50%;transform:translate(50px,80px);transition:transform .6s}.client-cover:after{content:'';width:180px;height:180px;border:1px solid currentColor;opacity:.14;position:absolute;transform:rotate(45deg) translate(-120px,40px)}.client-arrow{position:absolute;bottom:20px;right:24px;font:28px Arial}.tone-1 .client-cover{background:#d6d4f0;color:#363342}.tone-2 .client-cover{background:#ddc9b4;color:#49392e}.tone-3 .client-cover{background:#2f3934;color:#ebeee4}.client-card:hover .cover-line{transform:translate(0px,30px) scale(1.3)}.client-caption{display:flex;justify-content:space-between;gap:12px;padding-top:13px;font-size:11px}.client-caption span:first-child{font:13px Arial}.work-note{color:var(--muted);font-size:12px;margin-top:40px;max-width:700px}.process{background:var(--orange)}.process .section-tag{color:#452013}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:55px}.steps article{border-top:1px solid #28292366;padding-top:20px}.steps article>span{font:11px Arial}.steps h3{font-size:24px;margin:24px 0 15px}.steps p{font-size:14px;line-height:2}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq details{border-color:var(--line)}.faq summary{padding:24px 0;display:flex;justify-content:space-between;gap:20px;font-size:16px}.faq details p{color:var(--muted);font-size:14px;padding:0 0 24px}.faq .section-tag{margin-bottom:20px}.contact{background:var(--ink);color:var(--paper)}.contact .section-tag{color:#c3c6b8}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.contact-grid>div>p{max-width:400px;margin-top:20px;color:#c1c4b6;font-size:15px}.contact label{display:block;font-size:13px;margin-bottom:20px}.contact input,.contact textarea{background:none;border:0;border-bottom:1px solid #6b6f62;color:white;width:100%;border-radius:0;padding:10px 0;outline-offset:2px}.contact textarea{height:110px;resize:vertical}.contact input[type=checkbox]{width:17px;height:17px;accent-color:var(--orange);flex-shrink:0}.consent{display:flex!important;gap:12px;align-items:flex-start;color:#c1c4b6}.notice{background:#ffffff0b;padding:15px;border:1px solid #777e6c;font-size:13px;margin:0 0 20px!important}.contact-details{display:grid;gap:12px;margin-top:30px;font-size:14px}.contact-details a{direction:ltr;text-align:start}.form-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}footer{background:var(--ink);color:var(--paper);padding:0 var(--pad) 20px}.footer-brand{direction:ltr;font:900 clamp(60px,15vw,245px)/1.4 Arial;letter-spacing:-.07em;border-top:1px solid #55584c;white-space:nowrap;overflow:hidden}.footer-brand span{font-size:.15em;vertical-align:top;display:inline-block;line-height:4}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#c1c4b6;border-top:1px solid #55584c;padding-top:22px}.skip{position:absolute;top:-100px;z-index:100;background:var(--orange);padding:12px}.skip:focus{top:0}.entry{max-width:850px;margin:auto;min-height:50vh}.entry h1{margin-bottom:25px}.entry p{margin:20px 0}.entry ul{padding-inline-start:24px}[dir=ltr] h1{font-size:clamp(42px,6vw,92px);letter-spacing:-4px;line-height:1.13}[dir=ltr] h2{line-height:1.2;letter-spacing:-2px}[dir=ltr] .hero-copy>p{line-height:1.8}[dir=ltr] .hero-layout{grid-template-columns:1.3fr 1fr}[dir=ltr] .story-copy p{line-height:1.9}[dir=ltr] .brand small{display:none}[dir=ltr] .service h3{font-size:clamp(20px,2vw,28px)}@keyframes appear{from{opacity:.3;transform:translateY(-6px)}to{opacity:1;transform:none}}@media(min-width:1500px){body{max-width:1900px;margin:auto}}@media(max-width:1000px){nav{gap:16px;font-size:12px}.small-cta{display:none}.hero-layout{min-height:540px;gap:20px}.hero h1{font-size:48px}.hero-art{transform:scale(.85)}.section{padding:75px var(--pad)}.story-grid{gap:40px}.steps{gap:20px}.faq{gap:40px}.contact-grid{gap:40px}.hero-meta .dotline{display:none}}@media(max-width:700px){header{height:auto;min-height:88px;flex-wrap:wrap;gap:12px;padding-top:18px;padding-bottom:16px}.brand{font-size:21px}.brand svg{width:32px}.header-actions{order:1}nav{order:2;flex-basis:100%;justify-content:space-between;font-size:12px;border-top:1px solid var(--line);padding-top:12px}.hero{padding-top:20px}.hero-meta{font-size:9px}.hero-layout,[dir=ltr] .hero-layout{grid-template-columns:1fr;gap:0;padding-top:45px}.hero h1{font-size:43px;letter-spacing:-1.5px}[dir=ltr] h1{font-size:48px;letter-spacing:-2px}.hero-copy>p{font-size:14px;margin-top:20px}.hero-links{gap:20px}.button{padding:14px 20px}.hero-art{height:330px;max-width:380px;width:100%;margin:auto;transform:scale(.85);margin-bottom:-20px}.big-r{font-size:320px}.big-r span{font-size:200px}.hero-bottom{font-size:10px}.hero-bottom span:last-child{font-size:8px}.ticker{padding:19px 15px;gap:22px;justify-content:start;font-size:21px}.section{padding:65px var(--pad)}h2{font-size:35px}.section-tag{margin-bottom:22px}.story-grid{grid-template-columns:1fr;gap:35px}.year-display{font-size:100px;letter-spacing:-5px;margin-top:28px}.story-copy h3{font-size:20px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:24px;font-size:14px}.filters{gap:6px}.filters button{font-size:11px;padding:8px 12px}.service summary{gap:16px;padding:22px 0}.service h3{font-size:19px}.service-detail{grid-template-columns:1fr;padding:0 0 25px;gap:16px}.client-grid{grid-template-columns:1fr;gap:30px}.client-cover{height:260px}.client-cover strong{font-size:36px;letter-spacing:-1px}.client-card:last-child{grid-column:auto}.client-caption{font-size:10px}.client-caption span:first-child{font-size:12px}.steps{grid-template-columns:1fr 1fr;gap:28px}.steps h3{font-size:21px;margin:17px 0 12px}.steps p{font-size:13px}.faq{grid-template-columns:1fr;gap:30px}.faq summary{font-size:14px}.contact-grid{grid-template-columns:1fr;gap:38px}.footer-brand{font-size:16vw}.footer-bottom{font-size:10px;align-items:center}.footer-bottom span{max-width:70%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.client-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.25}.client-cover:has(.client-photo){background:#202621;color:white}.admin-bar header{margin-top:0}.brandimg{max-width:260px;margin-top:15px;display:block}