@font-face{font-family:Peyda;src:url('./media/peyda-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Peyda;src:url('./media/peyda-bold.ttf') format('truetype');font-weight:800;font-display:swap}
:root{--dark:#171815;--paper:#eeece2;--stroke:#bcb9ac;--ink:#211f1c;--orange:#ff673f;--g:clamp(23px,6vw,96px);color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--dark);color:var(--paper);font:400 1rem/1.7 Peyda,Tahoma,sans-serif}
body,figure,p,h1,h2,h3,ol,dl,dd{margin:0}
a{color:inherit;text-decoration:none} a:focus-visible{outline:2px solid #9f321d;outline-offset:5px} .hero a:focus-visible,.header a:focus-visible{outline-color:var(--orange)}
.wrap{max-width:1590px;padding-inline:var(--g);margin-inline:auto}
.skip{position:fixed;inset:10px auto auto 10px;z-index:10;transform:translateY(-160%);padding:8px;background:var(--paper);color:var(--ink)}.skip:focus{transform:none}
.header{height:81px;direction:ltr;display:flex;justify-content:space-between;align-items:center}
.wordmark{font:800 17px/1 Arial,sans-serif;letter-spacing:.055em;display:inline-flex;align-items:center;gap:11px;white-space:nowrap}
.sign{display:inline-block;width:19px;height:19px;background:var(--orange);clip-path:polygon(0 65%,38% 65%,38% 6%,100% 6%,100% 42%,63% 42%,63% 95%,0 95%)}
nav{display:flex;direction:rtl;align-items:center;gap:clamp(16px,3vw,45px);font-size:14px} nav a:hover{color:var(--orange)}.nav-contact span{color:var(--orange);margin-inline-start:3px}
.hero{position:relative;isolation:isolate;min-height:635px;min-height:clamp(635px,calc(92svh - 81px),870px);padding-block:clamp(63px,8vh,125px) 40px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0 var(--g) auto;border-top:1px solid #ffffff31}
.hero-graphic{position:absolute;z-index:-1;right:3.5%;top:-1%;width:min(52%,715px);aspect-ratio:1;opacity:.98}.hero-graphic svg{width:100%;height:auto;display:block}
.hero-route{stroke-dasharray:1300;stroke-dashoffset:0;animation:route 1.35s cubic-bezier(.22,.61,.36,1) both}@keyframes route{from{stroke-dashoffset:1300}}
.hero-name{position:relative;align-self:flex-end;min-width:0;width:100%;pointer-events:none}
.micro,.index,.chapter,.visual-label{font:600 11px/1.25 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em;direction:ltr}
.micro{display:flex;gap:11px;align-items:center;color:#c9c3b6;margin-bottom:19px}.micro i{width:7px;height:7px;background:var(--orange);border-radius:50%}.micro b{font-weight:600;color:#9c978d;margin-left:12px}
h1{font:900 clamp(132px,18vw,286px)/.76 Arial,Helvetica,sans-serif;letter-spacing:-.105em;margin-inline-start:-.068em;text-wrap:nowrap}
h1>span{display:block;margin-top:.04em}.dot{color:var(--orange);padding-inline-end:.06em}
.intro{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding-block-start:35px;position:relative}
.eyebrow{color:#d0c8bb;font-size:13px}.pitch{font-weight:800;font-size:clamp(28px,4vw,55px);line-height:1.25;margin-block:5px 9px}.sub{color:#cac4b8;font-size:clamp(13px,1.45vw,18px)}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:44px;background:var(--paper);color:var(--ink);padding:11px 16px 11px 12px;white-space:nowrap;font-weight:800;transition:background .2s}.button:hover{background:var(--orange)}.button span{font-family:Arial;font-size:19px}
.work{background:var(--paper);color:var(--ink);padding-block:80px 48px}
.section-lead{border-bottom:1px solid var(--stroke);padding-bottom:29px;display:flex;justify-content:space-between;align-items:end;gap:25px}
.index{display:inline-block;color:#953621;margin-bottom:11px}
h2{font-size:clamp(41px,6vw,90px);font-weight:800;line-height:1.05;letter-spacing:-.04em}
.section-lead>p{max-width:33ch;color:#504b42}
.timeline{position:relative;margin-block-start:20px}
.trace{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;overflow:visible}.trace path{fill:none;stroke:#c7b9aa;stroke-width:1.5}
#progress-path{stroke:#ad4228;stroke-width:2.5}.js .trace #progress-path{stroke-dasharray:1;stroke-dashoffset:var(--distance,1)}
.entries{list-style:none;padding:0;position:relative}
.entry{display:grid;grid-template-columns:1fr 1fr;gap:clamp(105px,17vw,280px);align-items:center;min-height:340px;padding-block:48px;scroll-margin-top:24px}
.entry:nth-child(even) .copy{grid-column:2;grid-row:1}.entry:nth-child(even) .visual{grid-column:1;grid-row:1}
.chapter{display:inline-flex;align-items:center;gap:11px;color:#953621;margin-bottom:9px}.chapter span{color:#645d51;border-inline-start:1px solid var(--stroke);padding-inline-start:11px}
h3{font-size:clamp(30px,4.3vw,62px);font-weight:800;line-height:1.06;letter-spacing:-.03em;margin-block-end:10px}
.role{font-weight:800;font-size:clamp(15px,1.55vw,19px);margin-block-end:5px}.copy>p:not(.role){color:#534e44;max-width:34ch}
.project-link{display:inline-flex;gap:10px;border-bottom:1px solid #9f6d58;padding-bottom:2px;margin-top:15px;font-weight:800;font-size:14px;color:#8b2e1c}.project-link:hover{color:#552010;border-bottom-color:currentColor}
.visual{margin:0;min-width:0;aspect-ratio:1.73;position:relative;isolation:isolate;overflow:hidden;background:#252622}
.visual img{display:block;width:100%;height:100%;object-fit:cover}.artadad img{object-fit:contain;background:#f5f3e9}.alamo img{object-position:center 48%}
.visual-label{position:absolute;top:12px;left:14px;right:14px;z-index:1;display:flex;justify-content:space-between;gap:8px;font-size:clamp(7px,.85vw,11px);color:#eee1d4}
.blueprint{background:#282622}.blueprint svg{position:absolute;inset:0;width:100%;height:100%}
.registry{background:#152936}.registry .visual-label{color:#ffe7c9}.registry-grid{position:absolute;inset:27% 13% 13%;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;direction:ltr}.registry-grid i{border:1px solid #7c929d;position:relative}.registry-grid i:before,.registry-grid i:after{content:"";position:absolute;top:28%;left:16%;width:31%;height:1px;background:#afbcc1}.registry-grid i:after{top:55%;width:50%;opacity:.45}.registry-grid i:nth-child(3n+1){background:#ad4628;border-color:#f29b74}.registry-grid i:nth-child(3n+1):before{background:#ffe7c9}
.about{background:var(--dark);padding-block:82px;color:var(--paper);display:grid;grid-template-columns:1fr 1fr;column-gap:9vw}.about .index{grid-column:1/-1;color:#ff8c6e}.about>div{align-self:end}.about>div>p{color:#e5dfd4;margin-block:0 18px}.about dl{border-top:1px solid #ffffff35}.about dl div{display:grid;grid-template-columns:1fr 2.2fr;gap:10px;border-bottom:1px solid #ffffff35;padding-block:10px}.about dt{font-weight:800}.about dd{color:#cdc5b9}
.contact{background:#f07955;color:#241b16;padding-block:58px 66px}.contact .index{color:#472217}.contact-links{display:flex;gap:28px;flex-wrap:wrap;margin-top:30px}.contact-links a{font-weight:800;border-bottom:1px solid currentColor}.contact-links a:hover{color:#4b251a}
@media(max-width:850px){.hero{min-height:620px;min-height:clamp(620px,calc(91svh - 81px),760px)}h1{font-size:clamp(115px,24vw,198px)}.hero-graphic{width:63%;top:3%;right:-2%;opacity:.8}.entry{gap:clamp(76px,15vw,156px);min-height:278px}.about{column-gap:5vw}}
@media(max-width:580px){.header{height:64px}.wordmark{font-size:13px;gap:6px}.sign{width:15px;height:15px}nav{font-size:12px;gap:12px}.hero{min-height:0;padding-block:60px 29px}.hero-name{min-height:224px}.micro{font-size:8.5px;letter-spacing:.12em;margin-bottom:15px}.micro b{margin-left:2px}h1{font-size:clamp(105px,29vw,168px)}.hero-graphic{top:8%;right:-19%;width:90%;opacity:.67}.intro{padding-top:28px;gap:15px;flex-wrap:wrap}.pitch{font-size:clamp(29px,8.35vw,47px)}.sub{font-size:13px}.button{gap:22px;font-size:14px;padding:8px 12px}.work{padding-block:53px 40px}.section-lead{display:grid;gap:12px;padding-bottom:23px}.section-lead>p{font-size:14px}.timeline{margin-top:7px}.trace{display:none}.timeline::before{content:"";position:absolute;inset:0 0 0 auto;width:1.5px;background:#c7b9aa}.timeline::after{content:"";position:absolute;inset:0 0 auto auto;width:2.5px;height:var(--mobile-progress,100%);max-height:100%;background:#ad4228}.entry,.entry:nth-child(even){display:flex;flex-direction:column;align-items:stretch;gap:16px;position:relative;padding:25px 16px 20px 0;min-height:0}.entry::before{content:"";position:absolute;top:31px;right:-3px;border-radius:100%;width:8px;height:8px;background:#ad4228;z-index:1}.entry:last-child{padding-bottom:0}.copy>p:not(.role){max-width:none;font-size:15px}.visual{max-height:280px}.about{padding-block:50px;display:block}.about h2{margin-block-end:24px}.contact{padding-block:43px 50px}.contact-links{gap:17px;margin-top:23px;font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js .trace #progress-path{stroke-dashoffset:0}.timeline::after{height:100%}}
.hero-graphic svg{direction:ltr}
.hero-graphic svg text:last-child{display:none}
@media(min-width:851px){.hero-graphic{width:min(49%,685px);top:-.25%;right:5.4%}}

@media(max-width:580px){.hero-graphic svg text{display:none}}

/* Portfolio edition: dark editorial opening, measured reading rhythm. */
:root{--dark:#141613;--paper:#f1efe6;--ink:#24231d;--orange:#fd6949;--stroke:#d4cfc2;--g:clamp(22px,5.6vw,91px)}
html{scroll-padding-top:24px}
.header{height:78px;border-bottom:1px solid #ffffff26}
.wordmark{font-size:18px;letter-spacing:.11em}.brand-dot{color:var(--orange);margin-inline:1px}
nav{gap:clamp(17px,3.1vw,40px)}.header nav a{transition:color .2s ease}.nav-contact{padding:7px 12px;border:1px solid #ffffff30}
.hero{min-height:0;padding-block:clamp(32px,5.6vw,73px) 0;overflow:visible}
.hero::before{display:none}
.hero-body{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,1fr);align-items:center;gap:clamp(34px,6.2vw,99px)}
.portrait{position:relative;min-width:0;max-width:655px;direction:ltr}
.portrait-frame{background:#37362f;isolation:isolate;position:relative;aspect-ratio:1.075;overflow:hidden}
.portrait-frame::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(180deg,transparent 66%,#0f100d75 100%)}
.portrait-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 46%}
.portrait-wire{position:absolute;inset:0;z-index:2;width:100%;height:100%;color:#ff785a;pointer-events:none;opacity:.85}
.portrait-numeral{position:absolute;bottom:4%;left:6%;z-index:2;font:800 clamp(28px,4vw,55px)/1 Arial,sans-serif;letter-spacing:-.1em;color:#f1efe6}.portrait-numeral span{color:var(--orange)}
.portrait figcaption{font:600 10px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.12em;color:#c1bdb2;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff1f;padding-top:10px;margin-top:10px}
.portrait figcaption span:first-child{display:flex;align-items:center;gap:8px}.portrait figcaption i{height:6px;width:6px;background:var(--orange);border-radius:50%}
.hero-intro{min-width:0}
.hero-kicker{justify-content:flex-end;margin-bottom:17px;color:#c8c2b8;letter-spacing:.2em}
.hero-role{font-weight:800;font-size:clamp(17px,2.05vw,25px);color:#ff987e}
h1{font:800 clamp(36px,5.15vw,84px)/1.04 Peyda,Tahoma,sans-serif;letter-spacing:-.045em;margin:8px 0 17px;text-wrap:wrap}
h1>span{display:block;margin-top:0}.dot{padding:0;color:var(--orange)}
.hero-office{font-size:clamp(13px,1.48vw,19px);font-weight:800;color:#ece7da;margin-bottom:12px}
.hero-summary{font-size:clamp(14px,1.42vw,18px);color:#d9d3c7;max-width:43ch}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:24px}
.hero-actions .button{background:var(--orange);color:#20160f;gap:clamp(12px,4vw,47px);padding:12px 13px 12px 10px;min-height:46px}
.hero-actions .button:hover{background:#f5d7c7}
.quiet-link{color:#e2d9ca;min-height:44px;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:800}.quiet-link span{color:var(--orange)}.quiet-link:hover{color:#ff9f87}
.hero-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:clamp(31px,5vw,61px);padding-block:16px;border-block:1px solid #ffffff1f;font-size:clamp(11px,1.25vw,15px);color:#e0dacf}.hero-strip span{display:flex;align-items:center;gap:8px}.hero-strip span::before{content:"";width:7px;height:7px;border:1px solid #fc7c5d;transform:rotate(45deg);flex:none}
.about{padding-block:clamp(52px,7vw,107px);grid-template-columns:minmax(0,.86fr) minmax(0,1.24fr);column-gap:clamp(35px,8vw,130px);color:#efeae0}
.about .index{color:#ffac95;margin-bottom:16px}.about .profile-body{align-self:center;color:#d6cfc4}.about .profile-body p{font-size:clamp(14px,1.45vw,18px);line-height:1.85;margin-bottom:12px}.about .profile-body .profile-lead{font-size:clamp(17px,2vw,24px);font-weight:800;color:#f2ede3;line-height:1.65;margin-bottom:16px}.about .profile-body p:last-child{margin-bottom:0}
.work{padding-block:clamp(55px,7vw,98px) 64px}.work .section-lead .dot{color:#b33f28}
.project-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-bottom:21px;border-bottom:1px solid var(--stroke)}
.project-nav a{display:flex;align-items:center;gap:8px;padding:12px 8px;font-size:clamp(12px,1.5vw,17px);font-weight:800;min-height:44px}.project-nav a+ a{border-inline-start:1px solid var(--stroke)}.project-nav a small{font:600 10px ui-monospace,monospace;color:#8e3928}.project-nav a:hover,.project-nav a[aria-current="location"]{background:#e8ded0}
.entry{min-height:360px;gap:clamp(100px,15vw,265px)}.visual{aspect-ratio:1.7;border:1px solid #00000012}
.copy details{margin-top:10px;max-width:35ch;color:#4d493e;font-size:14px}.copy details summary{min-height:42px;display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:800;color:#2d2a24;list-style:none}.copy details summary::-webkit-details-marker{display:none}.copy details summary::before{content:"+";width:16px;color:#a24431;font:700 16px Arial,sans-serif}.copy details[open] summary::before{content:"−"}.copy details summary:focus-visible{outline:2px solid #9f321d;outline-offset:3px}.copy details p{padding-bottom:8px}
.services{padding-block:clamp(51px,7vw,96px);background:#e7e5d9;color:var(--ink)}.services .section-lead .dot{color:#b33f28}
.service-list>div{display:grid;grid-template-columns:40px minmax(0,.9fr) minmax(0,1.3fr);align-items:baseline;gap:clamp(10px,4vw,56px);padding-block:24px;border-bottom:1px solid #bcb7a9}.service-list>div>span{color:#9e3a29;font:600 11px ui-monospace,monospace}.service-list dt{font-size:clamp(19px,2.6vw,36px);line-height:1.3;font-weight:800}.service-list dd{color:#4d493f}.service-note{margin-top:16px;color:#514c42;font-size:14px}
.contact{background:#1b1d18;color:#f1efe6;padding-block:clamp(50px,6vw,85px)}.contact .index{color:#ffab94}.contact-links{margin-top:27px}.contact-links a{font-size:14px;color:#e6d9c8}.contact-links a:hover{color:#ffa68c}
@media(max-width:850px){.header{height:67px}.hero-body{gap:25px}.hero-kicker{margin-bottom:12px}.hero-office{margin-bottom:8px}.entry{min-height:300px;gap:clamp(72px,13vw,155px)}}
@media(max-width:700px){.hero-body{display:flex;flex-direction:column;align-items:stretch;gap:23px}.hero-intro{order:0}.portrait{order:1;max-width:none}.portrait-frame{aspect-ratio:1.18}.portrait-frame img{object-position:center 44%}.hero{padding-top:33px}.hero-kicker{justify-content:flex-end}h1{font-size:clamp(41px,9.9vw,65px);margin-block:6px 12px}h1>span{display:inline}.hero-summary{max-width:52ch}.hero-actions{margin-top:15px}.portrait figcaption{font-size:9px}.hero-strip{margin-top:24px}.about{display:block}.about h2{margin-bottom:19px}.about h2 br{display:none}.about h2 br::after{content:" "}}
@media(max-width:580px){.header{height:61px}.wordmark{font-size:13px;gap:7px}.sign{width:15px;height:15px}nav{font-size:12px;gap:11px}.nav-contact{padding:5px 6px}.hero-role{font-size:16px}.hero-strip{font-size:10px;gap:4px;padding-block:11px}.hero-strip span{gap:4px}.hero-strip span::before{width:4px;height:4px}.work{padding-bottom:46px}.project-nav a{font-size:12px;gap:3px;padding-inline:3px}.project-nav a small{font-size:8px}.entry,.entry:nth-child(even){min-height:0;gap:14px}.copy details summary{min-height:38px}.service-list>div{grid-template-columns:23px 1fr;gap:6px 9px;padding-block:16px}.service-list dd{grid-column:2;font-size:14px}}
.nav-contact,.project-link{display:inline-flex;align-items:center;gap:5px}.nav-contact svg{color:var(--orange)}.hero-actions .button svg{flex:none}
.portrait-wire path:first-child{stroke-dasharray:1;animation:portrait-wire .85s .12s ease-out both}@keyframes portrait-wire{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}

/* Glitch edition: finite effects; type and content stay stable. */
.header{display:flex;justify-content:space-between;height:83px;border-bottom:1px solid #ffffff1e}
.header .wordmark{gap:9px}.header .main-nav{display:flex;flex-wrap:nowrap;gap:3px;padding:4px;border:1px solid #ffffff26;border-radius:100px;background:#272a22;color:#efede4}
.main-nav>a{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;min-height:36px;white-space:nowrap;padding:5px 16px;border-radius:100px}
.header .main-nav>a:hover{color:#fff5e6;background:#3a3d31}
.main-nav>a.nav-contact{background:#ebe9df;color:#25251e;border-color:#ebe9df}
.header .main-nav>a.nav-contact:hover{background:#ff846a;color:#271c16;border-color:#ff846a}
.main-nav>a.nav-contact svg{color:#7c351e}
.hero{isolation:isolate;overflow:hidden;position:relative;padding-top:clamp(38px,5.15vw,81px)}
.hero::after{content:"";position:absolute;pointer-events:none;inset:0;z-index:-2;background:radial-gradient(ellipse at 74% 43%,#343327 0%,#1c2019 37%,transparent 68%),linear-gradient(180deg,#161a15,#141613)}
.hero-signal{position:absolute;inset:0;width:100%;height:100%;z-index:-1;color:#ff8e72;opacity:.19;pointer-events:none;transform:translateX(0);animation:signal-shift .45s .22s both}
.hero-body{gap:clamp(28px,5.95vw,93px)}
.hero-intro{position:relative;padding-block:11px 22px;border-bottom:1px solid #f3eee229}
.hero-intro::before{content:"";position:absolute;right:0;top:0;width:33px;height:2px;background:#fc7458;box-shadow:-10px 0 #f5f0d533}
.hero-kicker{padding-top:7px;font-size:10px;color:#d2c7ba}.hero-role{color:#f7a086}
h1{text-shadow:0 1px #0003;position:relative}
.hero-office{display:flex;align-items:center;gap:9px;color:#f0eadc}.office-rule{height:1px;width:20px;background:#f17a5e;flex:none}
.hero-summary{line-height:1.8;color:#d6d0c4}
.hero-actions{gap:15px}.hero-actions .button{border-radius:4px;padding-inline:14px;box-shadow:3px 3px 0 #7d4739;transition:background .2s,transform .2s}.hero-actions .button:hover{transform:translate(-1px,-1px)}
.hero-actions .quiet-link{padding-inline:10px}
.portrait-frame{background:transparent;overflow:visible;aspect-ratio:1.075;display:grid;align-items:end}
.portrait-frame::before{display:none}
.portrait-frame>img,.portrait-slices img{width:100%;height:100%;display:block;object-fit:contain;object-position:center bottom;max-width:100%}
.portrait-frame>img{position:absolute;inset:0;filter:drop-shadow(10px 17px 19px #10120d40)}
.portrait-index{position:absolute;color:#c8bdac;top:4.8%;left:4.2%;font:600 10px/1.4 ui-monospace,Consolas,monospace;letter-spacing:.17em;display:flex;align-items:center;gap:13px;z-index:3}.portrait-index b{color:#fb7b60}
.portrait-wire{opacity:.6}.portrait-wire path:first-child{animation-duration:.8s}
.portrait-slices{display:none}
@supports ((clip-path: inset(35% 0 52% 0)) or (-webkit-clip-path: inset(35% 0 52% 0))){
.portrait-slices{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;opacity:0;animation:portrait-slice .72s .18s 1 both;-webkit-clip-path:inset(35% 0 52% 0);clip-path:inset(35% 0 52% 0);filter:saturate(1.4)}
.portrait-frame:hover .portrait-slices{opacity:.52;transform:translateX(4px)}
}
@keyframes portrait-slice{0%,100%{opacity:0;transform:none}22%{opacity:.68;transform:translateX(8px)}32%{opacity:.47;transform:translateX(-4px)}46%{opacity:0;transform:none}68%{opacity:.39;transform:translateX(5px)}}
@keyframes signal-shift{0%,100%{transform:none}30%{transform:translateX(7px)}45%{transform:translateX(-3px)}65%{transform:none}}
.hero-strip{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center}
.hero-strip span::before{display:none}.hero-strip span:nth-child(1){justify-self:start;text-align:right}.hero-strip span:nth-child(2){justify-self:center;text-align:center}.hero-strip span:nth-child(3){justify-self:end;text-align:left}.hero-strip svg{flex:none;color:#fa896e}
.work-heading{border-bottom:1px solid var(--stroke);padding-bottom:16px}.work-heading h2{font-size:clamp(23px,3.3vw,44px);line-height:1.25;letter-spacing:-.035em}
@media(max-width:700px){.portrait-frame{aspect-ratio:1.1}.hero-intro{padding-bottom:14px}.hero-kicker{padding-top:5px}.hero-graphic{display:none}.hero-office{gap:6px}.office-rule{width:11px}}
@media(max-width:580px){.header{height:65px}.header .wordmark{gap:5px}.header .main-nav{gap:0;padding:3px}.main-nav>a{min-height:34px;padding:4px 7px;font-size:11px}.main-nav>a.nav-contact svg{width:11px;height:11px}.hero{padding-top:30px}.hero-strip span{gap:3px;line-height:1.35}.hero-strip svg{width:13px;height:13px}.portrait-index{font-size:8px}.work-heading{padding-bottom:11px}}
@media(prefers-reduced-motion:reduce){.portrait-frame:hover .portrait-slices{display:none}#progress-path{stroke-dasharray:none;stroke-dashoffset:0}}
.brand-logo{display:block;width:36px;height:36px;object-fit:contain;flex:none}
@media(max-width:580px){.brand-logo{width:28px;height:28px}}

/* Space edition: atmosphere, contrast, and depth without visible grids. */
:root{--dark:#101415;--orange:#f19b81;--paper:#eeece4}
body{background:#101415}
.header{border-color:#d7e7df20}
.header .main-nav{background:#1b2527;border-color:#d2e2dc25}
.header .main-nav>a:hover{background:#293638}
.hero{padding-top:clamp(33px,5.5vw,83px)}
.hero::after{background:radial-gradient(ellipse at 76% 39%,#223639 0%,#18282b 23%,transparent 55%),radial-gradient(ellipse at 29% 54%,#30241c70,transparent 38%),linear-gradient(155deg,#111819,#101415 71%);}
.hero::before{display:block;inset:0;z-index:-1;border:0;pointer-events:none;opacity:.29;background:radial-gradient(circle at 11% 28%,#efe6cc 0 1px,transparent 1.6px),radial-gradient(circle at 22% 54%,#dfb091 0 1px,transparent 1.8px),radial-gradient(circle at 69% 17%,#d7ffed 0 1px,transparent 1.6px),radial-gradient(circle at 84% 26%,#d7ffed 0 .8px,transparent 1.5px),radial-gradient(circle at 90% 56%,#d7ffed 0 1px,transparent 1.5px),radial-gradient(circle at 56% 77%,#d7ffed 0 .7px,transparent 1.5px)}
.hero-intro{padding-block:0;border:0}.hero-intro::before{display:none}
.hero-role{display:inline-flex;color:#ffc5b3;padding:3px 11px;border-radius:99px;background:#52372f8a;border:1px solid #ffc0ab2d}
.hero-intro h1{font-size:clamp(40px,5.5vw,88px);margin:16px 0 18px;line-height:1.07}
.hero-office{color:#eae4d8}.hero-summary{color:#c8d1cd}
.hero-actions .button{border-radius:999px;box-shadow:none;background:#efb29e;padding-inline:17px}
.hero-actions .button:hover{background:#ffd4c6}.hero-actions .quiet-link{color:#dbe4de}
.portrait-frame{aspect-ratio:1.11;isolation:isolate}
.portrait-aura{position:absolute;inset:9% -4% 1%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 53% 54%,#96c9bc3b 1%,#639d902b 28%,#4a71701e 46%,transparent 68%);}
.portrait-frame>img{filter:drop-shadow(0 19px 25px #030a0c57);-webkit-mask-image:linear-gradient(#000 79%,#000e 88%,transparent 100%);mask-image:linear-gradient(#000 79%,#000e 88%,transparent 100%)}
@supports ((clip-path:inset(35% 0 52% 0)) or (-webkit-clip-path:inset(35% 0 52% 0))) {
  .portrait-frame .portrait-slices,.portrait-frame:hover .portrait-slices{animation:quiet-glitch-a 5.6s .5s infinite both;opacity:0;transform:none;-webkit-clip-path:inset(35% 0 54% 0);clip-path:inset(35% 0 54% 0);filter:drop-shadow(3px 0 #7aaea8) saturate(1.13)}
  .portrait-frame .portrait-slices-alt,.portrait-frame:hover .portrait-slices-alt{animation:quiet-glitch-b 5.6s .5s infinite both;-webkit-clip-path:inset(52% 0 39% 0);clip-path:inset(52% 0 39% 0);filter:drop-shadow(-3px 0 #f6a891)}
}
@keyframes quiet-glitch-a{0%,8%,18%,46%,53%,100%{transform:none;opacity:0}9%{transform:translateX(5px);opacity:.58}11%{transform:translateX(-3px);opacity:.48}13%{transform:translateX(3px);opacity:.31}48%{transform:translateX(-4px);opacity:.44}51%{transform:translateX(2px);opacity:.28}}
@keyframes quiet-glitch-b{0%,9%,17%,46%,53%,100%{transform:none;opacity:0}10%{transform:translateX(-5px);opacity:.43}12%{transform:translateX(3px);opacity:.33}49%{transform:translateX(4px);opacity:.38}}
.hero-strip{border:1px solid #d7e7df25;border-radius:18px;padding:13px 17px;margin-top:clamp(20px,3.5vw,48px);background:#1c2526b3}
.hero-strip .symbol{background:none}.symbol{display:block;flex:none;color:#e5b099}.symbol-growth,.hero-strip .symbol-growth{color:#b9dbab}.symbol-security,.hero-strip .symbol-security{color:#acc9fa}.symbol-product,.hero-strip .symbol-product{color:#efa992}
.about{position:relative;isolation:isolate;align-items:center;padding-block:clamp(55px,8vw,115px);background:linear-gradient(180deg,#101415,#131c1d)}
.about::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:0;background:radial-gradient(ellipse at 76% 45%,#34565337,transparent 58%)}
.profile-heading{--intro-lift:0px;transform:translateY(var(--intro-lift));}.profile-body{--copy-lift:0px;transform:translateY(var(--copy-lift))}
.about h2{color:#f5eee1}.about .profile-body p{color:#c9d2cd}.about .profile-body .profile-lead{color:#f4eee1}
.work-heading{margin-bottom:12px}
.services{background:radial-gradient(ellipse at 75% 7%,#c2dacd 0%,transparent 54%),radial-gradient(ellipse at 19% 56%,#d1d9ec 0%,transparent 56%),#e2e6df;color:#202525}
.services .section-lead{border:0}.services .section-lead h2{font-size:clamp(37px,5.8vw,78px)}.services .section-lead>p{color:#414c48}
.service-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.service-list>div{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:11px;min-height:194px;border:1px solid #ffffff9e;border-radius:21px;padding:21px;background:#ffffff70;box-shadow:0 13px 37px #394d5017;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.service-icon{padding:7px;border-radius:10px;background:#293e3a;color:#fff}
.service-list dt{font-size:clamp(17px,2.2vw,29px)}.service-list dd,.service-note{color:#3a4743}.service-note{margin-top:21px}
.contact{background:#111819;padding-block:clamp(43px,7vw,100px) 26px}
.footer-panel{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:center;gap:20px;padding:clamp(23px,4.6vw,62px);border-radius:24px;border:1px solid #ffffff26;background:radial-gradient(ellipse at 69% 22%,#314447,transparent 70%),#1a2729}
.footer-copy h2{font-size:clamp(31px,5vw,68px)}.footer-copy p{color:#d9e0dc;margin-top:15px;max-width:48ch}
.footer-actions{display:grid;gap:7px}.footer-actions a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;background:#0d1517a6;border:1px solid #e5e9e42e;border-radius:11px;color:#f2ece0;font-weight:800;transition:background .2s}.footer-actions a:hover{background:#334547}.footer-actions svg{color:#efac98}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #ffffff20;margin-top:25px;padding-top:17px;color:#dce3df;font-size:13px}
.footer-brand,.back-top{display:inline-flex;align-items:center;gap:8px}.back-top svg{color:#efac98}
@media(max-width:700px){.hero-intro h1{font-size:clamp(42px,10.7vw,66px)}.portrait-frame{aspect-ratio:1.13}.hero-strip{padding:9px 10px}.service-list{grid-template-columns:1fr}.service-list>div{min-height:0;gap:8px;padding:15px}.footer-panel{grid-template-columns:1fr}.profile-heading{margin-bottom:12px}}
@media(max-width:380px){.hero-strip{padding-inline:6px}.hero-strip .symbol{width:13px;height:13px}.footer-copy h2{font-size:33px}.footer-copy p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.portrait-frame .portrait-slices,.portrait-frame:hover .portrait-slices{display:none}.profile-heading,.profile-body{transform:none}}
.motion-toggle{position:absolute;z-index:4;bottom:11px;left:9px;width:35px;height:35px;place-items:center;border-radius:50%;border:1px solid #d8e4de40;background:#152122b8;color:#edf0e9;cursor:pointer}.motion-toggle:not([hidden]){display:grid}.motion-toggle:hover{background:#304344}.motion-toggle:focus-visible{outline:2px solid #f3ab98;outline-offset:3px}.motion-toggle .motion-play,.motion-toggle[aria-pressed=true] .motion-pause{display:none}.motion-toggle[aria-pressed=true] .motion-play{display:block}.portrait-frame.motion-paused .portrait-slices{animation:none!important;opacity:0!important}
@media(prefers-reduced-motion:reduce){.motion-toggle:not([hidden]){display:none}}
.portrait-frame:not(.motion-ready) .portrait-slices{display:none}
#work .visual:not(.project-scene-ready)>img,#work .visual:not(.project-scene-ready)>svg,#work .visual:not(.project-scene-ready)>.registry-grid{transform:perspective(570px) rotateY(var(--exhibit-yaw,0deg)) translateY(var(--exhibit-offset,0px)) scale(1.025);transform-origin:center center}
@media(prefers-reduced-motion:reduce){#work .visual:not(.project-scene-ready)>img,#work .visual:not(.project-scene-ready)>svg,#work .visual:not(.project-scene-ready)>.registry-grid{transform:none}}

/* A single, persistent gallery surface across all four chapters. */
.work-stage{display:none}
.timeline.is-stage-active{display:grid;grid-template-columns:minmax(0,1fr);isolation:isolate;--stage-top:clamp(18px,5vh,47px)}
.is-stage-active>.trace,.timeline.is-stage-active::before,.timeline.is-stage-active::after{display:none}
.is-stage-active>.work-stage,.is-stage-active>.entries{grid-area:1/1;min-width:0}
.is-stage-active>.work-stage{display:block;position:-webkit-sticky;position:sticky;top:var(--stage-top);align-self:start;z-index:0;height:clamp(440px,81vh,750px);height:clamp(440px,81svh,750px);pointer-events:none;overflow:hidden;border:1px solid #2b3f3c;border-radius:25px;background:#152021;box-shadow:0 22px 70px #263d3429}
.work-stage::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 34% 46%,var(--stage-glow,#3b625573),transparent 62%),linear-gradient(140deg,#182727,#142021);pointer-events:none}
.work-stage[data-stage-active="ahoora"]{--stage-glow:#746a4f6b}
.work-stage[data-stage-active="sabt"]{--stage-glow:#51678575}
.work-stage[data-stage-active="alamo"]{--stage-glow:#75496b70}
.work-stage-art,.work-stage-fallback{position:absolute;top:0;bottom:0;left:0;width:58%;pointer-events:none}
.work-stage-fallback{display:grid;place-items:center;opacity:1;transition:opacity .22s ease}
.work-stage-fallback>.visual{grid-area:1/1;width:78%;max-width:560px;opacity:0;transform:translate3d(-19px,5px,0) scale(.94);transition:opacity .42s ease,transform .55s cubic-bezier(.21,.66,.34,1);border:1px solid #f5f1dc38;box-shadow:0 19px 47px #050d0e83;border-radius:10px}
.work-stage-fallback>.visual>img,.work-stage-fallback>.visual>svg,.work-stage-fallback>.visual>.registry-grid{transform:none!important}
.work-stage[data-stage-active="artadad"] [data-gallery-key="artadad"],.work-stage[data-stage-active="ahoora"] [data-gallery-key="ahoora"],.work-stage[data-stage-active="sabt"] [data-gallery-key="sabt"],.work-stage[data-stage-active="alamo"] [data-gallery-key="alamo"]{opacity:1;transform:translate3d(0,0,0) scale(1)}
.work-stage.has-three-stage .work-stage-fallback{opacity:0}
.work-stage-progress{position:absolute;z-index:2;top:8%;right:17px;bottom:8%;width:2px;border-radius:9px;background:#e2ece633;overflow:hidden}
.work-stage-progress::after{content:"";position:absolute;top:0;left:0;right:0;height:var(--mobile-progress,0%);border-radius:9px;background:#efab96}
.is-stage-active>.entries{position:relative;z-index:1;pointer-events:none}
.is-stage-active .entry{display:flex;flex-direction:row;align-items:center;min-height:clamp(490px,84vh,785px);min-height:clamp(490px,84svh,785px);padding:35px 6% 35px 0;gap:0;scroll-margin-top:15px;color:#f3efe4}
.is-stage-active .entry .copy{width:39%;max-width:455px;pointer-events:auto;text-align:right}
.is-stage-active .entry .copy>p:not(.role),.is-stage-active .copy details{color:#d7e0db}
.is-stage-active .entry .copy h3{font-size:clamp(30px,3.9vw,65px);color:#fff2df}
.is-stage-active .entry .role{color:#efab96}
.is-stage-active .copy details summary{color:#fff0dd}.is-stage-active .copy details summary::before,.is-stage-active .project-link{color:#f7b8a5}.is-stage-active .project-link:hover{color:#ffdbd0}.is-stage-active .copy a:focus-visible,.is-stage-active .copy summary:focus-visible{outline-color:#febca8}
.is-stage-active .entry>figure.visual{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.is-stage-active .entry::before{display:none}
@media(max-width:850px) and (min-width:701px){.is-stage-active .entry{padding-right:5.5%}.is-stage-active .entry .copy{width:43%}.work-stage-art,.work-stage-fallback{width:54%}.work-stage-progress{right:11px}}
@media(max-width:700px){
  .timeline.is-stage-active{--stage-top:10px;--stage-split:clamp(180px,34vh,295px);--stage-split:clamp(180px,34svh,295px)}
  .is-stage-active>.work-stage{height:var(--stage-split);z-index:2;border-radius:17px}
  .work-stage-art,.work-stage-fallback{width:100%}
  .work-stage-fallback>.visual{width:min(77%,405px);border-radius:7px}
  .work-stage-progress{top:auto;bottom:7px;left:14px;right:14px;width:auto;height:2px}
  .work-stage-progress::after{left:auto;right:0;width:var(--mobile-progress,0%);height:100%}
  .is-stage-active .entry{display:block;min-height:clamp(480px,88vh,700px);min-height:clamp(480px,88svh,700px);padding:calc(var(--stage-split) + 27px) 4% 25px;scroll-margin-top:0}
  .is-stage-active .entry .copy{width:100%;max-width:none;color:#24231d}
  .is-stage-active .entry .copy h3{color:#24231d}.is-stage-active .entry .role{color:#8c3e2e}
  .is-stage-active .entry .copy>p:not(.role),.is-stage-active .copy details{color:#48463c}
  .is-stage-active .copy details summary,.is-stage-active .project-link{color:#793b2c}.is-stage-active .project-link:hover{color:#49251c}
  .is-stage-active .copy a:focus-visible,.is-stage-active .copy summary:focus-visible{outline-color:#793b2c}
}
@media(prefers-reduced-motion:reduce){.work-stage-fallback,.work-stage-fallback>.visual{transition:none}}
@media(prefers-reduced-motion:reduce){.is-stage-active .work-stage::before,.is-stage-active .work-stage-fallback>.visual{transition:none!important}.is-stage-active .work-stage-fallback>.visual{transform:none!important}}

/* Graphite / brushed silver release. */
:root{--orange:#a5c7fb;--ink:#20252d}
.header.wrap{width:calc(100% - 2 * var(--g));max-width:1410px;margin-block:13px 11px;padding-inline:clamp(13px,2.15vw,30px);height:63px;border:1px solid #d8e1f027;border-radius:999px;background:#20252deb;box-shadow:0 10px 25px #0507094a}
.header .brand-dot{color:#a6c6f2}.header .main-nav{background:#10151c8c;border-color:#dce8fa25}.header .main-nav>a:hover{color:#f9fbff;background:#323b4a}
.header .main-nav>a.nav-contact{background:#e6ebf1;color:#1d2532;border-color:#e6ebf1}
.header .main-nav>a.nav-contact:hover{background:#c4daf9;color:#192436;border-color:#c4daf9}.main-nav>a.nav-contact svg{color:#435b7d}
.hero.wrap{width:100%;max-width:none;padding-inline:var(--g);padding-inline:max(var(--g),calc((100% - 1410px) / 2))}
.hero::after{background:radial-gradient(ellipse at 76% 39%,#24384a 0%,#192632 34%,transparent 64%),linear-gradient(147deg,#141821,#101415 79%)}
.hero::before{opacity:.26;background:radial-gradient(circle at 12% 25%,#dee9f3 0 1px,transparent 1.6px),radial-gradient(circle at 69% 17%,#dce9f6 0 1px,transparent 1.5px),radial-gradient(circle at 84% 26%,#dce9f6 0 .8px,transparent 1.5px),radial-gradient(circle at 91% 56%,#dce9f6 0 1px,transparent 1.5px)}
.hero-role{color:#dbe9fc;background:#28384cbd;border-color:#9cbef547}.hero-office{color:#e9edf2}.hero-summary{color:#cbd4df}
.hero-actions .button{background:#dce7f5;color:#1e3149;border:1px solid #f2f7ffad}.hero-actions .button:hover{background:#f0f5fc}.hero-actions .quiet-link,.hero-actions .quiet-link span{color:#b0ccf1}
.hero-strip .symbol-product,.symbol-product{color:#d6dce7}
.portrait-frame{overflow:hidden;border-radius:clamp(16px,2.5vw,32px) clamp(16px,2.5vw,32px) 5px 5px;background:radial-gradient(ellipse at 58% 83%,#3b526150,transparent 63%);--portrait-gutter:6%}
.portrait-brand{position:absolute;inset:6% 19% 14%;z-index:0;background:url('./media/emir-nik-logo.svg') center top/contain no-repeat;opacity:.14;pointer-events:none}
.portrait-aura{z-index:-1;background:radial-gradient(ellipse at 50% 72%,#758fa63c,transparent 68%)}
.portrait-frame>img,.portrait-frame .portrait-slices{left:var(--portrait-gutter);right:var(--portrait-gutter);width:auto;height:100%;top:0;bottom:0;overflow:hidden}
.portrait-frame>img{z-index:1;object-fit:cover;object-position:center 39%;filter:none;-webkit-mask-image:none;mask-image:none}
.portrait-frame .portrait-slices img{object-fit:cover;object-position:center 39%}
.portrait-frame .portrait-slices-alt,.portrait-frame:hover .portrait-slices-alt{filter:drop-shadow(-3px 0 #a4beed)}
.portrait-frame::after{content:"";position:absolute;z-index:3;bottom:0;left:var(--portrait-gutter);right:var(--portrait-gutter);height:1px;background:linear-gradient(90deg,transparent,#b6c5da6c 28%,#b6c5da6c 72%,transparent);pointer-events:none}
.profile-body>p{--read-progress:0%;position:relative;margin:0 0 10px!important;padding:13px 18px 13px 12px;border:1px solid transparent;border-radius:11px;background:#27334227;transition:background .28s ease,border-color .28s ease}
.profile-body>p::before{content:"";position:absolute;right:0;top:0;width:2px;height:var(--read-progress);background:#a3c5f3;border-radius:3px;opacity:.65}
.profile-body>p.is-reading{background:#30435b69;border-color:#9bbbe72c}
@media(min-width:701px){.profile-heading{align-self:start;position:-webkit-sticky;position:sticky;top:19vh}}
.work-stage-progress::after{background:#a5c7fb}.is-stage-active .entry .role,.is-stage-active .project-link,.is-stage-active .copy details summary::before{color:#bad5fb}.is-stage-active .project-link:hover{color:#e0eeff}.is-stage-active .copy a:focus-visible,.is-stage-active .copy summary:focus-visible{outline-color:#c9ddff}
.footer-actions svg,.back-top svg{color:#b5cff1}.services .section-lead .dot,.work .section-lead .dot{color:#355c91}
@media(max-width:700px){.header.wrap{width:calc(100% - 2 * var(--g));margin-block:9px;height:55px}.portrait-frame{--portrait-gutter:5%}.profile-body>p{padding:10px 13px 10px 8px}.is-stage-active .entry .role,.is-stage-active .project-link,.is-stage-active .copy details summary::before{color:#365783}.is-stage-active .project-link:hover{color:#213857}}
@media(max-width:390px){.header.wrap{width:calc(100% - 22px);padding-inline:8px}.header .main-nav{gap:1px}.main-nav>a{padding-inline:6px}}
@media(prefers-reduced-motion:reduce){.profile-body>p,.profile-body>p::before{transition:none}}
.portrait-frame>img,.portrait-frame .portrait-slices{width:88%;width:calc(100% - var(--portrait-gutter) - var(--portrait-gutter))}
.portrait-brand{inset:0% 12% 9%;background-position:55% top;opacity:.14}

/* Persian text remains in document order; only the painted words get softer. */
.profile-body .profile-word{display:inline-block;-webkit-filter:blur(3.5px);filter:blur(3.5px);opacity:.5;transition:filter .14s linear,opacity .16s ease}
.profile-body .profile-word.is-sharp,.profile-body .has-word-reveal:focus-within .profile-word{-webkit-filter:none;filter:none;opacity:1}
@media(prefers-reduced-motion:reduce){.profile-body .profile-word{transition:none}}
@media print{.profile-body .profile-word{-webkit-filter:none!important;filter:none!important;opacity:1!important}}

/* Carry the light through the whole hero, not through a rectangular image frame. */
.hero::after{background:
  radial-gradient(ellipse 56% 75% at 76% 39%,#233c53 0%,#1c3043c9 26%,#19293874 54%,#17222c00 82%),
  linear-gradient(180deg,#141a24 0%,#131b24 52%,#101415 100%)}
.portrait-frame{overflow:visible;background:transparent;border-radius:0}
.portrait-frame .portrait-aura,.portrait-frame::after{display:none}
.portrait-brand{inset:-16% -10% -18%;background-size:100% auto;background-position:52% 15%;opacity:.135}
.portrait-frame>img,.portrait-frame .portrait-slices{
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 73%,rgba(0,0,0,.83) 82%,rgba(0,0,0,.37) 91%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 73%,rgba(0,0,0,.83) 82%,rgba(0,0,0,.37) 91%,transparent 100%);
}
@supports not ((mask-image:linear-gradient(#000,transparent)) or (-webkit-mask-image:linear-gradient(#000,transparent))){
  .portrait-frame::after{display:block;left:var(--portrait-gutter);right:var(--portrait-gutter);bottom:-1px;height:24%;background:linear-gradient(to bottom,transparent,#14202b 99%)}
}
@media(max-width:700px){
 .hero::after{background:radial-gradient(ellipse 95% 53% at 59% 62%,#233c53 0%,#1d3043b5 28%,#19293869 60%,transparent 85%),linear-gradient(180deg,#141a24,#101415 100%)}
 .portrait-brand{inset:-12% -6% -15%;background-position:50% 11%}
}

/* Only the navigation capsule sits above the same continuous hero light. */
:root{--masthead-space:76px}
.header.wrap{position:absolute;z-index:6;top:9px;left:0;right:0;margin-block:0;padding-inline:0;background:transparent;border:0;box-shadow:none}
.header .main-nav{background:#14202b5c}
.hero.wrap{padding-top:calc(var(--masthead-space) + clamp(33px,5.5vw,83px))}
@media(max-width:700px){
 :root{--masthead-space:66px}
 .header.wrap{top:7px;margin-block:0;padding-inline:3px}
}

/* Reading treatment is carried only by the words, not by paragraph cards. */
.profile-body{transform:none}
.about .profile-body>p,.about .profile-body>p.is-reading{padding:0;border:0;border-radius:0;background:none;box-shadow:none;margin:0 0 1.15em!important;transition:none}
.about .profile-body>p:last-child{margin-bottom:0!important}
.profile-body>p::before{display:none}
.portrait-brand{-webkit-mask-image:linear-gradient(#000 0%,#000 61%,transparent 86%);mask-image:linear-gradient(#000 0%,#000 61%,transparent 86%)}

.footer-actions .contact-save{background:#e0eafa;color:#26374e;border-color:#f0f5ff;min-height:46px}
.footer-actions .contact-save:hover{background:#f4f8ff;color:#1c2f4c}
.footer-actions .contact-save svg{color:inherit;flex:none}

/* Real, unframed project captures replace all WebGL artwork. */
.work-stage-fallback>.visual.screen-visual{width:88%;max-width:660px;border-radius:12px;background:#101618;border-color:#d9e5df29;box-shadow:0 19px 44px #05090b73}
.visual.screen-visual{aspect-ratio:1.6}
.visual.screen-visual>img{width:100%;height:100%;object-fit:cover;object-position:center top}
.unavailable-shot{display:grid;place-items:center;color:#d5e3e6;background:#253334;text-align:center}
.work-stage[data-stage-active="ahaner"]{--stage-glow:#3e51607a}
.work-stage[data-stage-active="diyarfoolad"]{--stage-glow:#6b544c77}
.work-stage[data-stage-active="amid"]{--stage-glow:#3a655d7d}
.work-stage[data-stage-active="emir-world"]{--stage-glow:#40587a82}
.work-stage[data-stage-active="erp-isatis"]{--stage-glow:#33577787}
.work-stage[data-stage-active="ahoora-crm"]{--stage-glow:#535c7188}
.work-stage[data-stage-active="ahaner"] [data-gallery-key="ahaner"],.work-stage[data-stage-active="diyarfoolad"] [data-gallery-key="diyarfoolad"],.work-stage[data-stage-active="amid"] [data-gallery-key="amid"],.work-stage[data-stage-active="emir-world"] [data-gallery-key="emir-world"],.work-stage[data-stage-active="erp-isatis"] [data-gallery-key="erp-isatis"],.work-stage[data-stage-active="ahoora-crm"] [data-gallery-key="ahoora-crm"]{opacity:1;transform:translate3d(0,0,0) scale(1)}
.ui-icon{display:inline-block;vertical-align:middle;flex:none;color:#b4cef1!important}
.ui-icon.ui-icon-sea{color:#a9dacd!important}
.hero-actions .button .ui-icon,.nav-contact .ui-icon{color:#a9c9f2!important}
.footer-actions a:nth-child(2) .ui-icon{color:#adc9f7!important}
.footer-actions a:nth-child(3) .ui-icon{color:#bcdbb9!important}
.footer-bottom .back-top .ui-icon{color:#c2d2ec!important}
.motion-toggle:not([hidden]){background:#152122b8;padding:0}
@media(max-width:700px){.work-stage-fallback>.visual.screen-visual{width:84%;border-radius:8px}}
.copy details summary::before,.copy details[open] summary::before{display:none}
.copy details[open] .detail-plus-vertical{display:none}

.footer-panel{align-items:start}
.footer-panel .footer-copy{min-width:0}
.footer-copy .contact-form{max-width:580px;margin-top:24px;padding-top:19px;border-top:1px solid #d7e6f22d}
.contact-form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:11px 12px}
.contact-form-grid label{display:grid;gap:4px;color:#dbe6e9;font-size:13px;font-weight:800}
.contact-form-grid .contact-message{grid-column:1/-1}
.contact-form input,.contact-form textarea{font:400 16px/1.55 Peyda,Tahoma,sans-serif;width:100%;min-width:0;background:#111a1da6;color:#f4f8fb;border:1px solid #d4e3ed35;border-radius:10px;padding:8px 10px;outline:none}
.contact-form input:focus,.contact-form textarea:focus{border-color:#afcff6;box-shadow:0 0 0 2px #85b5ee42}
.contact-form textarea{min-height:82px;resize:vertical}
.footer-copy .contact-help,.footer-copy .contact-status{font-size:12px;color:#cfdbde;margin:9px 0 0;max-width:none}
.contact-form-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-block-start:10px}
.contact-form-actions button{display:inline-flex;align-items:center;gap:7px;justify-content:center;min-height:43px;padding:7px 13px;border:1px solid #e6eef6;border-radius:10px;background:#e0eafa;color:#253c58;font:800 14px Peyda,Tahoma,sans-serif;cursor:pointer}
.contact-form-actions .contact-copy{background:transparent;border-color:#d8e6f33a;color:#dce9f8}
.contact-form-actions button:hover{filter:brightness(1.06)}
.contact-form-actions button:focus-visible{outline:2px solid #a9caef;outline-offset:2px}
.contact-form [hidden]{display:none}
.contact-copy-fallback:not([hidden]){display:block;margin-top:8px}
.footer-panel .footer-actions{margin-top:4px}
.contact-vcard-icon{flex:none}
@media(min-width:701px){.footer-panel .footer-actions{margin-top:16px}}
@media(max-width:430px){.contact-form-grid{grid-template-columns:1fr}.footer-copy .contact-form{margin-top:17px}.footer-panel .footer-actions{margin-top:1px}}

/* Professional history: chronological, readable, independent of the project gallery. */
.career-jump{margin-block-start:16px;display:inline-flex;align-items:center;gap:8px;color:#c9dfff;font-weight:800;font-size:14px}.career-jump:hover{color:#f2f6fe}
.career{background:#141d24;color:#f0eee8;padding-block:clamp(46px,7vw,104px);border-top:1px solid #cfdef21c}
.career-layout{display:grid;grid-template-columns:minmax(0,.77fr) minmax(0,1.25fr);align-items:start;gap:clamp(32px,6vw,93px)}
.career-heading h2{font-size:clamp(43px,6.5vw,92px);line-height:1.06;color:#f5f3ec}
.career-heading p{margin-block-start:14px;font-size:clamp(14px,1.6vw,18px);color:#d0dae4;max-width:27ch}
.career-calendar{display:block;margin-block-start:8px;color:#a8b8cb;font-size:12px}
.career-history{list-style:none;padding:0;margin:0}
.career-history>li{display:grid;grid-template-columns:minmax(95px,118px) minmax(0,1fr);gap:13px;align-items:start;padding:16px 0 13px;border-bottom:1px solid #dce7f026}
.career-history>li:first-child{border-top:1px solid #dce7f026}
.career-history h3{font-size:clamp(16px,1.7vw,23px);line-height:1.52;letter-spacing:normal;margin:0;color:#eef1f3}
.career-history h3 bdi{font:700 .79em/1.2 Arial,sans-serif}
.career-history p{color:#c8d2dd;font-size:clamp(13px,1.25vw,16px);margin-block-start:2px}
.career-date{border-radius:999px;border:1px solid #c3d5ef2b;width:max-content;padding:4px 8px;color:#b9d4f6;background:#263b514d;font-size:13px;white-space:nowrap}
@media(max-width:700px){.career-layout{grid-template-columns:1fr;gap:22px}.career-heading h2 br{display:none}.career-date{font-size:11px}.career-history>li{grid-template-columns:minmax(81px,90px) minmax(0,1fr);gap:9px}.career-history h3{font-size:16px}}
.contact-honeypot{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}
.contact-form-actions button:disabled{cursor:wait;opacity:.68}
.footer-copy .contact-status.is-success{color:#b7e7cd}
.footer-copy .contact-status.is-error{color:#f5daa4}

/* The portrait rests directly above the skills strip, with free outer contours. */
.hero-body{grid-template-columns:minmax(0,1.24fr) minmax(0,1fr);gap:clamp(26px,4.6vw,77px);align-items:end}
.hero-intro{align-self:center;padding-block:0 22px}
.portrait{width:100%;max-width:775px;align-self:end}
.portrait-frame{--portrait-gutter:0%;position:relative;aspect-ratio:auto;height:clamp(365px,44vw,660px);margin-inline:0}
.portrait-frame>img,.portrait-frame .portrait-slices{left:0;right:0;width:100%;height:100%}
.portrait-frame>img,.portrait-frame .portrait-slices img{object-fit:contain;object-position:center bottom}
.portrait-frame>img,.portrait-frame .portrait-slices{
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 84%,rgba(0,0,0,.77) 92%,rgba(0,0,0,.14) 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 84%,rgba(0,0,0,.77) 92%,rgba(0,0,0,.14) 100%);
}
.portrait-brand{inset:-8% -9% -4%;background-position:51% 16%;background-size:100% auto}
.hero-strip{position:relative;z-index:5;margin-top:-2px}
.motion-toggle{bottom:14px;left:7px}
@supports not ((clip-path:inset(35% 0 52% 0)) or (-webkit-clip-path:inset(35% 0 52% 0))){
  .portrait-frame.motion-ready:not(.motion-paused)>img{-webkit-animation:portrait-bare-glitch 5.6s .5s infinite;animation:portrait-bare-glitch 5.6s .5s infinite}
}
@-webkit-keyframes portrait-bare-glitch{0%,8%,15%,100%{-webkit-transform:none}10%{-webkit-transform:translateX(3px)}12%{-webkit-transform:translateX(-2px)}}
@keyframes portrait-bare-glitch{0%,8%,15%,100%{transform:none}10%{transform:translateX(3px)}12%{transform:translateX(-2px)}}
@media(max-width:700px){.hero-body{gap:9px}.hero-intro{padding-block-end:0}.portrait-frame{height:clamp(268px,78vw,430px)}.portrait-brand{inset:-6% -7% -7%}.motion-toggle{bottom:11px}.hero-strip{margin-top:-1px}}

/* Career atlas: selected chapters, not a full-height résumé table. */
.career{background:radial-gradient(ellipse at 76% 5%,#24364b 0%,transparent 55%),#121a22}
.career-top{display:flex;justify-content:space-between;align-items:end;gap:20px;padding-bottom:25px}
.career-top h2{font-size:clamp(38px,6vw,76px);line-height:1.1;color:#f1f3f6}
.career-top p{color:#c4d2e0;margin-top:9px}.career-top>span{color:#a5b3c1;font-size:12px;text-align:left;white-space:nowrap}
.career-picker{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:8px;background:#0c131c8a;border:1px solid #bbcdec28;border-radius:18px;margin-bottom:13px}
.career-picker[hidden],.career-chapter[hidden]{display:none}
.career-picker button{appearance:none;min-width:0;background:transparent;cursor:pointer;text-align:center;color:#c7d5e3;border:1px solid transparent;border-radius:11px;padding:9px 3px;font:800 clamp(16px,2.45vw,29px)/1.25 Peyda,Tahoma,sans-serif}
.career-picker button small{display:block;font:400 clamp(10px,1.2vw,13px)/1.3 Peyda,Tahoma,sans-serif;color:#aebdcd;margin-top:2px}
.career-picker button:hover{background:#2c415c65}.career-picker button[aria-selected=true]{background:#dce7f5;color:#243a56;border-color:#e5edf9}.career-picker button[aria-selected=true] small{color:#405c7b}
.career-picker button:focus-visible,.career-chapter:focus-visible{outline:2px solid #aad0ff;outline-offset:2px}
.career-chapter{--chapter-halo:#4266836e;position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.23fr);align-items:center;gap:clamp(20px,5vw,64px);min-height:260px;padding:clamp(22px,4.3vw,65px);border-radius:19px;border:1px solid #c3d5e329;background:radial-gradient(ellipse at 84% 52%,var(--chapter-halo),transparent 63%),#172431;color:#e6eefa}
.career-slate{--chapter-halo:#55727880}.career-steel{--chapter-halo:#5259797e}.career-today{--chapter-halo:#3f6788a0}
.career-chapter+.career-chapter:not([hidden]){margin-block-start:10px}
.career-chapter.career-selected{animation:career-arrive .25s ease both}
@keyframes career-arrive{from{opacity:.78;transform:translateY(2px)}to{opacity:1;transform:none}}
.career-chapter h3{color:#faf7f0;font-size:clamp(29px,4.6vw,62px);line-height:1.13;margin:6px 0 5px}
.career-chapter header>p:not(.career-year){color:#d3dfec}
.career-year{font-size:13px;color:#b9d7fb;font-weight:800}
.career-chapter-copy{border-inline-start:1px solid #c0d5ec36;padding-inline-start:clamp(13px,2.6vw,35px)}
.career-chapter-copy h4{margin:0;color:#f0f3f6;font-size:clamp(17px,2.05vw,24px);font-weight:800;line-height:1.4}
.career-chapter-copy p{margin-top:3px;color:#c3d0db;font-size:14px}
.career-chapter-copy bdi{font:700 1em/1.4 Arial,sans-serif}
.career-three{display:grid;gap:10px}.career-three>div+div{border-top:1px solid #d3e0f22c;padding-top:8px}.career-three>div>span{display:block;color:#b8d6fb;font-size:11px;margin-bottom:1px}
.career-ghost{position:absolute;z-index:-1;right:3%;bottom:-24%;font-size:clamp(140px,31vw,420px);font-weight:800;color:#cde0fb0a;line-height:1;pointer-events:none;user-select:none}
@media(max-width:700px){.career-top{padding-bottom:16px}.career-top>span{font-size:10px;white-space:normal;max-width:8ch}.career-picker{gap:3px;padding:4px;border-radius:12px}.career-picker button{padding:6px 1px;border-radius:8px}.career-picker button small{font-size:9px}.career-chapter{grid-template-columns:1fr;min-height:0;gap:13px;padding:18px}.career-chapter-copy{padding-top:10px;padding-inline:0;border-inline:0;border-top:1px solid #c0d5ec36}.career-three{gap:7px}.career-ghost{right:6%;bottom:-12%}}
@media(prefers-reduced-motion:reduce){.career-chapter.career-selected{animation:none}}
/* Expand the figure itself, keeping both rounded shoulder outlines within the hero. */
.portrait-frame>img,.portrait-frame .portrait-slices{left:-10%;right:auto;width:120%;max-width:none}
@media(max-width:700px){.portrait-frame>img,.portrait-frame .portrait-slices{left:-5%;width:110%}}