/* WEBASOO V4 — self-contained prototype. Tokens map to WordPress theme.json. */
:root{color-scheme:light;--bg:#f8fafc;--surface:#fff;--text:#111827;--muted:#64748b;--line:#e2e8f0;--navy:#0f2747;--accent:#ffc629;--soft:#fff4cc;--soft-blue:#eaf0f6;--shadow:0 24px 65px rgba(15,39,71,.085)}
:root[data-theme="dark"]{color-scheme:dark;--bg:#0b1420;--surface:#111e2d;--text:#f8fafc;--muted:#a8b6c8;--line:#2b3b4e;--navy:#162b44;--soft:#302a1d;--soft-blue:#192b3c;--shadow:0 24px 70px rgba(0,0,0,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--text);font-family:Vazirmatn,"Noto Sans Arabic",Tahoma,Arial,sans-serif;font-size:15px;line-height:1.95;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #d59f06;outline-offset:4px}button{cursor:pointer}svg{display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.55}p{color:var(--muted)}.container{width:min(1120px,calc(100% - 48px));margin-inline:auto}.section{padding:88px 0}.section-title{font-size:clamp(26px,2.9vw,33px);font-weight:800;letter-spacing:-.025em;margin:0 0 11px}.section-lead{max-width:660px;font-size:14px;line-height:2.15;margin:0 0 30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 18px;min-height:44px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-weight:700;font-size:13px;transition:transform .2s,border-color .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);border-color:#8796a8}.btn-primary{background:#ffc629;border-color:#ffc629;color:#0f2747}.btn-primary:hover{background:#f3bb1c;border-color:#f3bb1c}.btn svg{width:16px;height:16px}.icon-button{display:grid;place-items:center;width:41px;height:41px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text)}.icon-button:hover{border-color:#94a3b8}.icon-button svg{width:19px;height:19px}.muted{color:var(--muted)}
/* Header */
.skip{position:absolute;z-index:80;top:-90px;right:10px;padding:8px 16px;background:#ffc629;color:#0f2747}.skip:focus{top:10px}.header{height:76px;position:sticky;top:0;z-index:50;background:var(--surface);border-bottom:1px solid var(--line)}.header-inner{height:100%;display:flex;align-items:center;gap:34px}.logo{display:inline-flex;align-items:baseline;direction:ltr;font:800 26px/1 Arial,sans-serif;letter-spacing:-.067em;white-space:nowrap}.logo span{color:#d6a000;font-size:33px}.main-nav{display:flex;align-items:center;gap:28px;margin-inline-start:36px}.main-nav a,.mobile-nav a{font-size:13px;font-weight:650;color:var(--muted)}.main-nav a:hover,.mobile-nav a:hover{color:var(--text)}.header-actions{display:flex;gap:9px;align-items:center;margin-inline-start:auto}.support-link{display:inline-flex;gap:8px;align-items:center;font-size:12px;font-weight:700;padding:9px 13px;border:1px solid var(--line);border-radius:10px}.support-link svg{height:17px;width:17px}.menu-trigger{display:none}.mobile-nav{display:none}[hidden]{display:none!important}
/* Hero */
.hero{padding:94px 0 105px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:40px;align-items:center}.kicker{display:inline-flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:50px;padding:6px 13px;font-size:12px;font-weight:700;color:var(--muted)}.kicker:before{content:"";width:8px;height:8px;background:#ffc629;border-radius:50%}.hero h1{font-size:clamp(38px,5vw,59px);font-weight:800;line-height:1.53;letter-spacing:-.035em;margin:25px 0 16px}.underline{position:relative;white-space:nowrap;isolation:isolate}.underline:after{content:"";position:absolute;right:0;left:0;bottom:6px;height:10px;background:#ffc629;z-index:-1;transform:rotate(-1deg)}.hero-description{font-size:16px;line-height:2.2;max-width:530px}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:29px}.hero-details{margin-top:25px;display:flex;align-items:center;flex-wrap:wrap;gap:7px 21px;color:var(--muted);font-size:12px}.hero-details span{display:inline-flex;align-items:center;gap:7px}.hero-details span:before{content:"";height:4px;width:4px;background:#be8d02;border-radius:50%}
.visual{height:438px;position:relative;display:grid;place-items:center;isolation:isolate}.visual:before,.visual:after{content:"";position:absolute;border:1px solid var(--line);border-radius:50%;z-index:-2}.visual:before{height:430px;width:430px}.visual:after{height:320px;width:320px;border-style:dashed}.visual-accent{width:87px;height:87px;background:#ffc629;position:absolute;left:25px;top:24px;border-radius:20px;transform:rotate(20deg);z-index:-1}.code-window{direction:ltr;width:min(410px,95%);background:#102742;border:1px solid #324b64;color:#d5e6f7;border-radius:17px;box-shadow:0 38px 70px rgba(7,27,46,.24);overflow:hidden;transform:rotate(-4deg);transition:transform .3s}.code-window:hover{transform:rotate(-2deg) translateY(-3px)}.code-header{display:flex;align-items:center;gap:7px;padding:15px 17px;border-bottom:1px solid #30465e}.dot{width:9px;height:9px;border-radius:50%;background:#70839b}.dot:first-child{background:#ffc629}.code-header small{font:11px/1.2 ui-monospace,Consolas,monospace;color:#a8b6c8;margin-left:auto}.code-content{direction:ltr;overflow:hidden;padding:22px 21px 26px;font:12px/2.06 ui-monospace,Consolas,"Liberation Mono",monospace;white-space:pre;color:#d7e6f5}.code-key{color:#83c6f7}.code-str{color:#f5d07c}.code-comment{color:#94a8bc}.code-fn{color:#a3d8ba}.code-num{color:#ffbf64}.visual-tag{position:absolute;z-index:3;padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow);font:700 11px/1.4 ui-monospace,Consolas,monospace;direction:ltr;color:var(--text)}.visual-tag.first{top:40px;right:-7px;transform:rotate(4deg)}.visual-tag.last{bottom:22px;left:1px;transform:rotate(3deg)}.visual-tag b{color:#b78300}
/* Selected work */
.work{background:var(--surface);border-block:1px solid var(--line)}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.work-card{border:1px solid var(--line);background:var(--bg);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.work-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.art{height:181px;display:grid;place-items:center;overflow:hidden;position:relative}.art svg{width:min(85%,255px);height:155px}.art-one{background:#e9eef5}.art-two{background:#f4f0df}.art-three{background:#e8edf0}.work-info{padding:23px 22px 24px;display:flex;flex-direction:column;flex:1}.work-category{color:var(--muted);font:700 10px/1.5 ui-monospace,Arial,sans-serif;letter-spacing:.09em;direction:ltr;text-align:right}.work-card h3{font-size:18px;font-weight:800;margin:12px 0 9px}.work-card p{font-size:13px;line-height:2.1;margin:0 0 23px}.chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto}.chip{font:600 11px/1.2 ui-monospace,Arial,sans-serif;direction:ltr;color:var(--muted);background:var(--surface);padding:6px 9px;border:1px solid var(--line);border-radius:6px}
/* About */
.about-grid{display:grid;grid-template-columns:1.13fr .87fr;align-items:center;gap:65px}.about-copy p{font-size:15px;line-height:2.35;max-width:605px}.facts{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0 26px}.fact{font-size:12px;color:var(--muted);border:1px solid var(--line);padding:7px 12px;border-radius:8px;background:var(--surface)}.founder-panel{min-height:305px;background:var(--surface);border:1px solid var(--line);border-radius:17px;display:grid;grid-template-columns:44% 56%;overflow:hidden}.portrait-placeholder{position:relative;background:linear-gradient(155deg,#dce6ee,#a5bacf);display:grid;place-items:center;min-height:305px}.portrait-placeholder:before{content:"";position:absolute;inset:17px;border:1px solid rgba(15,39,71,.17);border-radius:12px}.portrait-placeholder svg{width:85%;max-height:240px}.portrait-caption{position:absolute;bottom:14px;right:20px;color:#40576c;font-size:10px}.person-details{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:23px;gap:9px}.person-details strong{font-size:22px}.person-details small{color:var(--muted);line-height:1.9;font-size:12px}.person-details .monogram{color:#a37a05;font:700 11px/1.4 Arial,sans-serif;letter-spacing:.06em}
/* Notes */
.notes{border-top:1px solid var(--line)}.notes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.note-card{background:var(--surface);border:1px solid var(--line);padding:25px;border-radius:15px}.note-card h3{font-size:18px;margin:10px 0 8px}.note-card p{font-size:13px;margin:0}.note-category{font:700 11px/1.4 ui-monospace,Arial,sans-serif;letter-spacing:.05em;color:var(--muted);direction:ltr;text-align:right}
/* Footer */
.footer{background:var(--surface);border-top:1px solid var(--line);padding:32px 0}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:22px}.footer p{font-size:12px;margin:10px 0 0}.footer-nav{display:flex;gap:21px;font-size:12px;color:var(--muted);flex-wrap:wrap}.copyright{border-top:1px solid var(--line);margin-top:23px;padding-top:15px;color:var(--muted);font-size:11px}
@media(max-width:1000px){.header-inner{gap:18px}.main-nav{margin-inline-start:5px;gap:20px}.hero-grid{gap:18px}.visual{height:410px}.work-grid{gap:13px}.work-info{padding:19px}.about-grid{gap:30px}}
@media(max-width:780px){.container{width:min(100% - 36px,570px)}.header{height:66px}.main-nav,.header-actions>.support-link{display:none}.menu-trigger{display:grid}.mobile-nav{display:none;background:var(--surface);border-bottom:1px solid var(--line);padding:6px 0 18px}.mobile-nav.open{display:flex;flex-direction:column}.mobile-nav a{padding:11px 0;border-bottom:1px solid var(--line)}.mobile-nav a:last-child{border-bottom:0}.hero{padding:52px 0 65px}.hero-grid{grid-template-columns:1fr;gap:10px}.hero h1{font-size:clamp(35px,8vw,47px)}.hero-description{font-size:14px}.visual{height:380px}.visual:before{height:335px;width:335px}.visual:after{height:248px;width:248px}.visual-accent{left:21px;top:34px;width:65px;height:65px}.code-window{width:min(365px,92%)}.code-content{font-size:11px;padding:19px 17px}.visual-tag{font-size:10px;padding:9px 10px}.visual-tag.first{right:0;top:27px}.visual-tag.last{left:0;bottom:15px}.section{padding:62px 0}.work-grid,.notes-grid,.about-grid{grid-template-columns:1fr}.art{height:170px}.about-grid{gap:27px}.founder-panel{min-height:240px}.portrait-placeholder{min-height:260px}.footer-top{align-items:flex-start;flex-direction:column;gap:20px}}
@media(max-width:390px){.visual{height:330px}.code-content{font-size:9.3px}.visual:before{width:290px;height:290px}.visual:after{width:210px;height:210px}.hero-details{gap:5px 12px}.founder-panel{grid-template-columns:42% 58%}.person-details{padding:15px}.person-details strong{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* WordPress block integrations */
.wp-site-blocks{overflow:clip}.wp-block-post-content{min-width:0}.wb-container{width:min(1120px,calc(100% - 48px));margin-inline:auto}.wb-section{padding:86px 0}.wb-section__title{font-size:clamp(26px,2.9vw,33px);font-weight:800}.wb-lead{max-width:700px;color:var(--muted)}.wb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.wb-card{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:24px;min-width:0}.wb-card h3{font-size:19px}.wb-card a{text-decoration:none}.wb-card a:hover{text-decoration:underline}.wb-card__meta{font-size:12px;color:var(--muted)}.wb-card__thumb{aspect-ratio:16/9;object-fit:cover;width:100%;border-radius:10px}.wb-article{max-width:780px;margin-inline:auto}.wb-article h1{font-size:clamp(32px,4vw,48px)}.wb-article :is(p,li){line-height:2.15}.wb-article pre{direction:ltr;overflow:auto;border-radius:12px;padding:20px;background:#102742;color:#e2e8f0}.wb-article img{max-width:100%;height:auto}.wb-archive-header{padding:75px 0 35px}.wb-archive-header h1{font-size:clamp(32px,4vw,48px)}.wb-footer{padding:35px 0;background:var(--surface);border-top:1px solid var(--line)}.wb-footer__inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.wb-footer__inner p{font-size:13px}.wb-site-nav{display:flex;align-items:center;gap:26px}.wb-site-nav .wp-block-navigation-item__content{font-size:13px;font-weight:650}.wb-header{border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:0;z-index:50}.wb-header__inner{min-height:76px;display:flex;justify-content:space-between;gap:25px;align-items:center}.wb-brand{font:800 26px/1 Arial,sans-serif;direction:ltr;letter-spacing:-.07em}.wb-site-nav .wp-block-navigation__responsive-container.is-menu-open{background:var(--surface);color:var(--text)}.wb-support{border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-weight:700;font-size:12px}.wb-featured .wp-block-post-template{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0;list-style:none}.wb-featured .wp-block-post{border:1px solid var(--line);border-radius:16px;padding:22px;background:var(--bg);min-width:0}.wb-featured .wp-block-post-title{font-size:18px}.wb-featured .wp-block-post-excerpt{color:var(--muted);font-size:13px}.wb-featured .wp-block-post-featured-image img{aspect-ratio:16/9;object-fit:cover;border-radius:9px}.wb-theme-toggle{width:41px;height:41px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);cursor:pointer}.wb-theme-toggle:focus-visible{outline:3px solid #d59f06;outline-offset:3px}.wb-empty{color:var(--muted)}@media(max-width:780px){.wb-grid,.wb-featured .wp-block-post-template{grid-template-columns:1fr}.wb-section{padding:55px 0}.wb-header__inner{min-height:68px}.wb-site-nav{gap:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}