/*
Theme Name: Moein Architecture Studio
Description: گالری مینیمال معماری با لوگوی متحرک اختصاصی.
Version: 1.0.0
Text Domain: moein-studio
*/
:root{--bg:#151515;--fg:#ddd;--muted:#858585;--line:#5b5b5b;--video:invert(1);--blend:screen}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:Tahoma,Arial,sans-serif;font-weight:400;transition:background .5s,color .5s}body.light{--bg:#fff;--fg:#222;--muted:#777;--line:#aaa;--video:none;--blend:multiply}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:1px solid var(--fg);outline-offset:7px}.frame{position:relative;min-height:calc(100svh - 90px);margin:28px 34px 0;border:1px solid var(--line);overflow:hidden}.header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:20px 35px;direction:ltr}.brand{display:block;width:200px;height:90px;overflow:hidden}.brand video{width:100%;height:100%;object-fit:cover;filter:var(--video);mix-blend-mode:var(--blend)}.menu-button{border:0;background:none;padding:15px;display:flex;gap:10px;align-items:center;font-size:11px;letter-spacing:3px}.menu-icon{width:25px;height:10px;border-top:1px solid currentColor;border-bottom:1px solid currentColor}.hero{position:relative;min-height:calc(100svh - 234px);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px 24px 95px}.drawing{width:min(620px,74vw);height:auto;overflow:visible;opacity:.75;transition:transform .3s}.drawing path{stroke-dasharray:1400;stroke-dashoffset:1400;animation:draw 5s ease forwards;animation-delay:var(--delay,0s)}body.loading .drawing path{animation-play-state:paused}@keyframes draw{to{stroke-dashoffset:0}}.hero-caption{font-size:10px;letter-spacing:4px;direction:ltr;color:var(--muted);margin:30px 0}.enter{position:absolute;bottom:34px;background:none;border:0;font:11px Arial,sans-serif;letter-spacing:8px;padding:16px;transition:letter-spacing .6s,transform .6s}.enter:hover{letter-spacing:4px;transform:translateY(-3px)}.side-note{position:absolute;left:20px;top:50%;writing-mode:vertical-rl;font-size:9px;letter-spacing:3px;color:var(--muted);direction:ltr}.footer{display:flex;gap:24px;justify-content:space-between;align-items:center;margin:16px 35px 25px;color:var(--muted);font:10px Arial,sans-serif;direction:ltr}.footer nav{display:flex;gap:16px}.theme{border:0;padding:8px;background:none;font-size:10px}.footer a:hover,.theme:hover{color:var(--fg)}.loader{position:fixed;inset:0;z-index:999999;background:var(--bg);display:grid;place-content:center;transition:opacity .65s,visibility .65s}.loader video{width:min(800px,90vw);filter:var(--video);mix-blend-mode:var(--blend)}.loader-close{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);background:none;border:0;letter-spacing:3px;font-size:10px;color:var(--muted)}.loader.done{opacity:0;visibility:hidden;pointer-events:none}.loader-progress{position:absolute;bottom:6%;left:calc(50% - 70px);width:140px;height:1px;background:var(--line)}.loader-progress::after{content:'';display:block;width:0;height:1px;background:var(--fg);animation:load 4s linear forwards}@keyframes load{to{width:100%}}.panel{padding:50px clamp(24px,7vw,100px) 80px;min-height:60vh;border-top:1px solid var(--line)}.panel[hidden],.nav-overlay[hidden]{display:none}.eyebrow{font:10px Arial,sans-serif;letter-spacing:4px;color:var(--muted);direction:ltr;display:block}h1,h2{font-size:clamp(26px,4vw,52px);font-weight:400;line-height:1.8;margin:18px 0 25px}.panel p{max-width:600px;font-size:14px;line-height:2.5;color:var(--muted)}.panel-close{background:none;border:0;font-size:24px;float:left}.empty{border-top:1px solid var(--line);margin-top:50px;padding:35px 0;display:flex;justify-content:space-between;gap:20px}.empty span{font:10px Arial,sans-serif;letter-spacing:3px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.project-card img{width:100%;height:350px;object-fit:cover;filter:grayscale(1);transition:filter .6s}.project-card:hover img{filter:none}.project-card h3{font-weight:400;font-size:17px}.nav-overlay{position:absolute;inset:130px 0 0;background:var(--bg);z-index:10;padding:40px 10%;display:flex;flex-direction:column;gap:30px}.nav-overlay a{display:flex;justify-content:space-between;align-items:center;font-size:clamp(28px,5vw,54px);font-weight:400;border-bottom:1px solid var(--line);padding-bottom:22px}.nav-overlay small{font:10px Arial,sans-serif;letter-spacing:4px;color:var(--muted)}.text-page{padding:60px 10%;line-height:2.5}.skip-link{position:fixed;top:-100px;z-index:9999999;background:var(--bg);padding:12px}.skip-link:focus{top:0}.replay{border:0;background:none;font-size:10px;color:var(--muted)}
@media(max-width:700px){.frame{margin:16px 16px 0;min-height:calc(100svh - 112px)}.header{padding:14px 18px}.brand{width:160px;height:72px}.menu-button{letter-spacing:0;font-size:10px}.hero{min-height:calc(100svh - 214px);padding-bottom:100px}.drawing{width:88vw}.hero-caption{letter-spacing:2px;font-size:8px}.side-note{display:none}.footer{margin:12px 17px 20px;flex-wrap:wrap;gap:12px;font-size:9px}.footer nav{gap:12px}.copyright{width:100%;order:3;text-align:center;font-size:8px}.panel{padding:30px 24px 50px}.nav-overlay{inset:100px 0 0;padding:35px 25px}.nav-overlay a{font-size:30px}.nav-overlay small{font-size:8px}.project-grid{grid-template-columns:1fr}.empty{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.loader{display:none}.drawing path{stroke-dashoffset:0}}
.brand{position:relative;background:var(--bg);isolation:isolate}.brand video{position:absolute;width:440px;height:248px;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:contain}.hero{min-height:calc(100svh - 254px)}.loader{isolation:isolate}.loader video{background:var(--bg)}@media(max-width:700px){.brand video{width:340px;height:191px}.hero{min-height:calc(100svh - 244px)}}
@media(min-width:701px){.drawing{width:min(500px,70vw)}}
.loader video,.brand video{opacity:0!important;pointer-events:none!important}.loader video{position:absolute;width:1px;height:1px;overflow:hidden}.loader canvas{width:min(800px,90vw);height:auto;filter:var(--video);mix-blend-mode:var(--blend);pointer-events:none}.brand canvas{position:absolute;width:440px;height:248px;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%);filter:var(--video);mix-blend-mode:var(--blend);pointer-events:none}.loader video::-webkit-media-controls,.brand video::-webkit-media-controls{display:none!important}@media(max-width:700px){.brand canvas{width:340px;height:191px}}
.loader #intro-image{display:block;width:min(800px,90vw);height:auto;filter:var(--video);mix-blend-mode:var(--blend)}.brand-image{position:absolute;width:440px;height:248px;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%);filter:var(--video);mix-blend-mode:var(--blend);pointer-events:none}@media(max-width:700px){.brand-image{width:340px;height:191px}}
:root{--video:invert(1) contrast(1.4)}body.light{--video:contrast(1.1)}