/*
Theme Name: Masnavi Atelier
Author: Houman Masnavi
Description: A bespoke bilingual editorial portfolio for Houman Masnavi.
Version: 1.0.0
Text Domain: masnavi-atelier
*/
@font-face{font-family:Vazirmatn;src:url('assets/Vazirmatn-Regular.ttf') format('truetype');font-weight:100 500;font-display:swap}@font-face{font-family:Vazirmatn;src:url('assets/Vazirmatn-Bold.ttf') format('truetype');font-weight:600 900;font-display:swap}
:root{--paper:#f4f1ea;--ink:#222823;--muted:#63695f;--line:#d6d7cc;--accent:#c94c2c;--lime:#d9e7b5;--dark:#202b24;--white:#fcfbf6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Vazirmatn,'Segoe UI',sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}body.english{font-family:'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:var(--lime);color:var(--ink)}.shell{width:min(1320px,calc(100% - 112px));margin-inline:auto}.skip{position:fixed;top:-100px;z-index:99;background:var(--dark);color:white;padding:16px}.skip:focus{top:0}.reading-progress{position:fixed;top:0;left:0;z-index:50;height:3px;background:var(--accent);width:0}.site-header{position:sticky;top:0;z-index:20;background:rgba(244,241,234,.95);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{display:flex;justify-content:space-between;align-items:center;min-height:100px;gap:28px}.brand{display:flex;align-items:center;gap:18px}.brand-mark{font-family:Georgia,serif;font-weight:bold;font-size:50px;letter-spacing:-6px;line-height:1}.brand-mark span{color:var(--accent)}.brand-name{font-size:15px;font-weight:700}.brand-name small{display:block;font:8px/1.5 'Segoe UI',sans-serif;letter-spacing:1.8px;margin-top:6px;color:var(--muted)}nav{display:flex;align-items:center;gap:26px;font-size:13px}nav a:hover{color:var(--accent)}.lang-switch{border-inline-start:1px solid var(--line);padding-inline-start:22px;font-weight:700}.nav-contact{display:flex;gap:18px;align-items:center;border:1px solid var(--ink);border-radius:4px;padding:12px 18px}.menu-toggle{display:none}.eyebrow{display:block;color:var(--accent);font-size:11px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;line-height:1.8}.persian .eyebrow{letter-spacing:.4px}.hero{padding-block:48px 0}.hero-topline{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px;color:var(--muted);font-size:11px}.status{display:flex;align-items:center;gap:8px}.status:before{content:'';width:7px;height:7px;border-radius:50%;background:#66844d;box-shadow:0 0 0 4px #66844d10}.hero-grid{display:grid;grid-template-columns:1.13fr .87fr;gap:55px;align-items:center;padding-block:55px 65px}.hero-copy h1{margin:18px 0 25px;font-size:clamp(43px,5.3vw,82px);line-height:1.35;font-weight:600;letter-spacing:-2px}.hero-copy h1 em{font-style:normal;color:var(--accent)}.english .hero-copy h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(54px,6.9vw,104px);font-weight:400;line-height:1.04;letter-spacing:-4px}.english .hero-copy h1 em{font-style:italic}.hero-copy .lead{max-width:590px;color:var(--muted);font-size:16px;line-height:2}.actions{display:flex;flex-wrap:wrap;gap:22px;align-items:center;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:16px 23px;background:var(--ink);color:var(--white);border:1px solid var(--ink);border-radius:3px;font-size:13px;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.text-link{font-size:13px;border-bottom:1px solid var(--ink);padding-bottom:4px}.text-link:hover{color:var(--accent);border-color:var(--accent)}.hero-art{position:relative;aspect-ratio:.93;max-height:550px;min-height:360px;border:1px solid #c7cdbb;background:#e4e8d8;border-radius:3px;overflow:hidden;direction:ltr;display:grid;place-items:center}.hero-art:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#5e715112 1px,transparent 1px),linear-gradient(90deg,#5e715112 1px,transparent 1px);background-size:36px 36px}.art-caption{position:absolute;top:24px;left:25px;right:25px;display:flex;justify-content:space-between;font:9px/1.5 'Segoe UI',sans-serif;letter-spacing:1.8px;color:#4f634d}.orbital{position:absolute;width:74%;aspect-ratio:1;border:1px solid #82967580;border-radius:50%;transform:rotate(-30deg)}.orbital:before,.orbital:after{content:'';position:absolute;inset:13%;border:1px solid #82967570;border-radius:50%}.orbital:after{inset:-13%;border-style:dashed;opacity:.5}.art-monogram{position:relative;font-family:Georgia,serif;font-size:clamp(110px,16vw,235px);line-height:1;color:var(--dark);letter-spacing:-25px;margin-left:-25px}.art-monogram span{color:var(--accent)}.art-node{position:absolute;border-radius:50%;background:var(--accent);width:14px;height:14px;top:25%;right:18%;box-shadow:0 0 0 10px #c94c2c12}.art-bottom{position:absolute;bottom:23px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:end;font:9px/1.7 'Segoe UI',sans-serif;letter-spacing:1.5px}.art-bottom strong{font:italic 24px Georgia,serif}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.proof-item{display:flex;align-items:center;gap:20px;padding:26px 22px;border-inline-end:1px solid var(--line)}.proof-item:first-child{padding-inline-start:0}.proof-item:last-child{border:0}.proof-item b{font:42px/1.1 Georgia,serif;color:var(--accent);direction:ltr}.proof-item span{font-size:12px;line-height:1.8;color:var(--muted)}.section{padding-block:105px}.section-header{display:grid;grid-template-columns:.7fr 1.3fr;gap:45px;margin-bottom:46px}.section-header h2{font-size:clamp(28px,3.1vw,47px);font-weight:500;line-height:1.6;letter-spacing:-1px;margin:0}.english .section-header h2{font-family:Georgia,serif;font-size:clamp(36px,4vw,57px);line-height:1.1;letter-spacing:-1.5px}.section-header p{color:var(--muted);line-height:2;font-size:14px;max-width:620px}.section-index{display:flex;gap:14px;align-items:baseline}.section-index small{font:italic 16px Georgia,serif;color:#7c8474}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.project-card{display:block;min-width:0}.project-card[hidden]{display:none}.project-visual{position:relative;min-height:285px;overflow:hidden;display:flex;align-items:center;justify-content:center;direction:ltr;border-radius:3px;transition:transform .35s}.project-card:hover .project-visual{transform:translateY(-5px)}.project-visual .visual-name{font:500 70px/1 'Segoe UI',sans-serif;letter-spacing:-5px;position:relative;z-index:1}.project-visual small{position:absolute;bottom:22px;left:25px;font:9px 'Segoe UI',sans-serif;letter-spacing:2px}.visual-arrow{position:absolute;top:22px;right:23px;border:1px solid currentColor;border-radius:50%;width:34px;height:34px;display:grid;place-items:center}.v-cerp{background:#e1e7d4;color:#31442f}.v-cerp:before{content:'';position:absolute;width:230px;height:230px;border:1px solid #65845950;transform:rotate(45deg);box-shadow:0 0 0 30px #65845908,0 0 0 60px #65845908}.v-mcp{background:#263c36;color:#e2efc1}.v-mcp:before{content:'';position:absolute;width:200px;height:200px;border:1px solid #e2efc130;border-radius:50%;box-shadow:0 0 0 35px #e2efc108,0 0 0 70px #e2efc108}.v-brit{background:#e8d5c4;color:#774329}.v-brit:before{content:'+';position:absolute;font:bold 380px Georgia;opacity:.07}.v-anpr{background:#dce2e7;color:#394d64}.v-anpr:before{content:'';position:absolute;width:270px;height:130px;border:1px solid #394d6440;border-radius:18px;box-shadow:0 0 0 20px #394d6407}.v-report{background:#dcd4e2;color:#594869}.v-iot{background:#e8e3ce;color:#675e38}.project-text{padding:20px 0 8px}.project-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:.7px}.project-text h3{font-size:23px;line-height:1.5;margin:10px 0 8px;font-weight:500}.project-text p{margin:0;font-size:14px;line-height:1.9;color:var(--muted)}.section-end{margin-top:34px;display:flex;justify-content:flex-end}.dark-section{background:var(--dark);color:var(--white)}.dark-section .eyebrow{color:var(--lime)}.dark-section p{color:#bbc4b5}.capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.capability{border-top:1px solid #ffffff30;padding-top:25px}.capability small{font:italic 18px Georgia;color:var(--lime)}.capability h3{font-weight:500;margin:25px 0 12px;font-size:21px}.capability p{font-size:14px;line-height:2}.tag-row{display:flex;flex-wrap:wrap;gap:8px;direction:ltr;margin-top:22px}.tag{border:1px solid #ffffff30;padding:6px 9px;font:10px/1.3 'Segoe UI',sans-serif;border-radius:2px;color:#d2dcc8}.timeline{border-top:1px solid var(--line)}.timeline-row{display:grid;grid-template-columns:.52fr 1fr 1.2fr;gap:36px;border-bottom:1px solid var(--line);padding:30px 0}.timeline-period{font-size:12px;color:var(--muted)}.timeline-row h3{font-size:18px;font-weight:500;margin:0 0 10px}.timeline-row h4{font-size:12px;font-weight:400;color:var(--accent);margin:0}.timeline-row p{margin:0;font-size:14px;line-height:1.9;color:var(--muted)}.statement{background:#e6e9da;padding:65px;text-align:center;border:1px solid #d3dac4}.statement blockquote{margin:0 auto;font-size:clamp(24px,3vw,43px);line-height:1.8;max-width:900px}.english .statement blockquote{font-family:Georgia,serif;line-height:1.4}.statement .eyebrow{margin-top:25px}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.journal-card{padding:25px 0;border-top:1px solid var(--ink)}.journal-card .journal-number{font:italic 35px Georgia;color:var(--accent)}.journal-card h3{font-size:21px;line-height:1.8;font-weight:500}.journal-card p{font-size:14px;line-height:1.9;color:var(--muted)}.journal-card .text-link{display:inline-block;margin-top:18px}.site-footer{background:var(--dark);color:var(--white);padding-top:75px}.footer-top{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;padding-bottom:75px}.footer-logo{font:clamp(50px,6.5vw,90px)/1 Georgia,serif;letter-spacing:-3px;position:relative;text-align:left}.footer-logo em{color:var(--lime)}.footer-logo>span{display:inline-block;color:var(--lime);font-family:Arial;font-size:70px;margin-left:25px}.footer-top p{color:#bac4b5;font-size:14px;line-height:2;margin-top:12px}.footer-email{display:block;font-size:28px;margin-block:25px;direction:ltr;text-align:start}.footer-social{display:flex;gap:25px;font-size:12px;direction:ltr}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-block:25px;border-top:1px solid #ffffff25;font-size:11px;color:#bbc4b5}.page-heading{padding-block:70px 55px;border-bottom:1px solid var(--line)}.page-heading h1{font-size:clamp(38px,5vw,70px);font-weight:500;line-height:1.6;letter-spacing:-1.5px;margin:20px 0}.english .page-heading h1{font-family:Georgia,serif;line-height:1.1}.page-deck{font-size:17px;line-height:2;color:var(--muted);max-width:800px}.prose{max-width:880px;margin-inline:auto;font-size:16px;line-height:2.1}.prose h2{font-size:29px;font-weight:500;line-height:1.6;margin:48px 0 20px}.prose h3{font-size:21px;font-weight:500;margin-top:32px}.prose p,.prose li{color:#535c50}.prose ul{padding-inline-start:24px}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.prose .button{color:var(--white);text-decoration:none}.prose .callout{padding:25px 30px;border-inline-start:3px solid var(--accent);background:#e9eadd;margin-block:32px}.prose .callout p{margin:0}.project-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;border-block:1px solid var(--line);padding-block:28px;margin-bottom:40px}.project-facts small{display:block;font-size:10px;color:var(--muted);margin-bottom:12px}.project-facts b{font-size:14px;font-weight:500}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:35px}.filter{border:1px solid var(--line);border-radius:30px;background:transparent;padding:10px 20px;font-size:12px;cursor:pointer}.filter.active{color:var(--white);background:var(--ink);border-color:var(--ink)}.education-list{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.education-item{border-top:1px solid var(--ink);padding-top:25px}.education-item small{color:var(--accent);font:italic 30px Georgia}.education-item h3{font-size:18px;font-weight:500;line-height:1.7}.education-item p{font-size:13px;line-height:1.9;color:var(--muted)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-intro h2{font-size:35px;font-weight:500;line-height:1.7;margin-top:0}.contact-intro p{color:var(--muted);line-height:2}.contact-links a{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:23px 0;font-size:20px;direction:ltr}.contact-links small{font-size:10px;color:var(--muted)}.resume-header{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:30px}.resume-header h2{margin:0}.resume-role{border-bottom:1px solid var(--line);padding:15px 0}.resume-role p{margin:5px 0}.breadcrumb{margin-bottom:30px;color:var(--accent);font-size:12px}.project-detail-art{min-height:350px;margin-bottom:40px}.project-detail-art .visual-name{font-size:clamp(70px,12vw,130px)}.article-meta{display:flex;gap:20px;font-size:12px;color:var(--accent);margin-bottom:25px}.english .prose{line-height:1.85}.english .project-text p,.english .journal-card p,.english .timeline-row p{line-height:1.7}
.retail-intro{max-width:950px;border-inline-start:3px solid var(--accent);padding-inline-start:35px}.retail-intro h2{font-size:clamp(26px,3vw,40px);font-weight:500;line-height:1.7;margin:15px 0}.english .retail-intro h2{font-family:Georgia,serif;line-height:1.25}.retail-intro p,.archive-note{font-size:15px;line-height:2;color:var(--muted);max-width:950px}.retail-intro .text-link{display:inline-block;margin-top:20px}.archive-note{margin:0 0 35px}.archive-tools{margin-bottom:35px}.archive-tools label{display:block;font-size:12px;margin-bottom:12px}.archive-tools input{font:inherit;font-size:14px;display:block;width:100%;max-width:690px;border:1px solid var(--line);background:var(--white);border-radius:3px;padding:15px 18px;color:var(--ink);margin-bottom:24px}.archive-tools input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.archive-tools .filters{margin-bottom:18px}#project-count{font-size:12px;color:var(--muted)}
@media(min-width:1500px){.hero-grid{gap:100px}.hero-copy h1{font-size:77px}}
@media(max-width:1100px){.shell{width:calc(100% - 64px)}nav{gap:16px}.brand-name small{display:none}.brand{gap:12px}.hero-grid{gap:32px}.hero-copy h1{font-size:50px}.english .hero-copy h1{font-size:75px}.hero-art{min-height:350px}.art-monogram{font-size:170px}.project-visual .visual-name{font-size:60px}}
@media(max-width:850px){.header-inner{min-height:80px}.menu-toggle{display:flex;align-items:center;gap:14px;background:none;border:1px solid var(--line);padding:9px 13px;font-size:12px;cursor:pointer}nav{display:none;position:absolute;top:79px;inset-inline:0;padding:25px 32px;background:var(--paper);border-bottom:1px solid var(--line);align-items:stretch}nav.open{display:flex;flex-direction:column;gap:0}nav a{padding:14px 0}.lang-switch{border:0}.nav-contact{margin-top:12px;justify-content:space-between;padding:12px}.hero-grid{grid-template-columns:1fr 0.8fr}.hero-copy h1{font-size:39px}.english .hero-copy h1{font-size:57px}.hero-copy .lead{font-size:14px}.hero-art{min-height:340px}.art-monogram{font-size:140px;letter-spacing:-17px}.art-bottom strong{font-size:18px}.art-caption,.art-bottom{left:16px;right:16px;font-size:7px}.section-header{grid-template-columns:1fr;gap:15px}.section-header h2{font-size:35px}.capabilities{gap:22px}.capability h3{font-size:18px}.timeline-row{grid-template-columns:.45fr 1fr;gap:20px}.timeline-row>p{grid-column:2}.journal-grid{gap:20px}.journal-card h3{font-size:18px}.footer-top{gap:35px}.footer-logo{font-size:65px}.footer-logo>span{font-size:40px;margin-left:10px}.footer-email{font-size:22px}.proof-item{gap:12px;padding:22px 14px}.proof-item b{font-size:33px}.contact-grid{gap:35px}.contact-links a{font-size:17px}.prose{max-width:100%}}
@media(max-width:620px){.shell{width:calc(100% - 40px)}.brand-name{font-size:13px}.brand-mark{font-size:43px}.hero{padding-top:28px}.hero-topline{font-size:9px;gap:15px}.hero-grid{grid-template-columns:1fr;padding-block:35px 40px;gap:35px}.hero-copy h1{font-size:45px;letter-spacing:-1.3px;margin-block:14px 20px}.english .hero-copy h1{font-size:63px;letter-spacing:-2px}.hero-copy .lead{font-size:15px}.hero-art{min-height:330px;aspect-ratio:1.2}.art-monogram{font-size:180px}.art-caption,.art-bottom{font-size:9px;left:22px;right:22px}.art-bottom strong{font-size:23px}.hero-proof{grid-template-columns:1fr}.proof-item,.proof-item:first-child{padding:18px 0;border-inline-end:0;border-bottom:1px solid var(--line);gap:24px}.proof-item b{min-width:85px;font-size:36px}.section{padding-block:65px}.section-header{margin-bottom:30px}.section-header h2{font-size:30px;letter-spacing:-.5px}.english .section-header h2{font-size:37px}.work-grid,.capabilities,.journal-grid,.education-list,.contact-grid{grid-template-columns:1fr}.work-grid{gap:30px}.project-visual{min-height:250px}.project-text h3{font-size:21px}.capabilities{gap:30px}.capability h3{margin-top:15px;font-size:22px}.capability p{margin-bottom:0}.timeline-row{grid-template-columns:1fr;gap:12px;padding:25px 0}.timeline-row>p{grid-column:auto}.timeline-row h3{margin-bottom:7px}.statement{padding:35px 24px}.statement blockquote{font-size:24px}.footer-top{grid-template-columns:1fr;padding-bottom:45px}.site-footer{padding-top:50px}.footer-logo{font-size:65px}.footer-bottom{display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:10px}.page-heading{padding-block:45px 30px}.page-heading h1{font-size:37px;letter-spacing:-.8px;margin:15px 0}.english .page-heading h1{font-size:44px}.page-deck{font-size:15px}.prose{font-size:15px}.prose h2{font-size:25px}.project-facts{gap:18px;grid-template-columns:1fr}.project-facts small{margin-bottom:5px}.contact-links a{font-size:19px}.resume-header{align-items:start;flex-direction:column}.project-detail-art{min-height:260px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{.site-header,.site-footer,.reading-progress,.actions,.print-button,.skip{display:none!important}body{background:white;color:black;font-size:11pt}.shell{width:100%}.section{padding:18px 0}.page-heading{padding:0 0 12px}.page-heading h1{font-size:25pt}.page-deck{font-size:11pt}.prose{max-width:100%;font-size:10pt;line-height:1.7}.prose h2{font-size:15pt;margin:16px 0 8px;break-after:avoid}.resume-role{break-inside:avoid}.prose a{color:black}.callout{background:none!important}.footer-top{display:none}}