.at{--at-paper:#f1eee7;--at-ink:#22221f;--at-accent:#c94732;background:var(--at-paper);color:var(--at-ink);font-family:var(--font-display),sans-serif;overflow:hidden;isolation:isolate}.at *{box-sizing:border-box}.at a{color:inherit;text-decoration:none}.at a:focus-visible,.at summary:focus-visible,.at-demo button:focus-visible,.at-demo input:focus-visible{outline:2px solid var(--at-accent,#c94732);outline-offset:6px}.at-nav{justify-content:space-between;margin:0 5%;height:104px;border-bottom:1px solid #22221f30;gap:24px}.at-nav,.at-wordmark{display:flex;align-items:center}.at-wordmark{gap:14px;font-family:var(--font-arabic),serif;font-size:39px;font-weight:700}.at-wordmark span{font-family:var(--font-mono),monospace;font-size:11px;letter-spacing:2px}.at-nav-note{font-size:11px;color:#68665f}.at-nav nav{display:flex;gap:34px;font-size:12px}.at-nav nav a:last-child{color:var(--at-accent)}.at-nav nav a:hover{opacity:.6}.at-hero{padding:0 5%}.at-hero-top{justify-content:space-between;padding:27px 0;font:9px var(--font-mono),monospace;letter-spacing:1px}.at-hero-top,.at-hero-top p{display:flex;align-items:center}.at-hero-top p{gap:9px}.at-hero-top i{height:6px;width:6px;border-radius:50%;background:var(--at-accent)}.at-composition{position:relative;display:grid;grid-template-columns:1fr 1.06fr;min-height:610px;align-items:center}.at-hero-copy{position:relative;z-index:2;padding:30px 0 50px}.at-kicker{font:10px var(--font-mono),monospace;letter-spacing:2px;color:var(--at-accent)}.at h1{font-family:Georgia,Times New Roman,serif;font-weight:400;font-size:clamp(70px,8.8vw,145px);line-height:.94;letter-spacing:-7px;margin:32px -80px 28px 0;max-width:780px;overflow-wrap:anywhere;position:relative}.at h1 em,.at h2 em{color:var(--at-accent);font-style:normal}.at h1.at-name-long{font-size:clamp(52px,6.3vw,95px);letter-spacing:-4px}.at-role{font-size:17px;max-width:340px;line-height:1.6}.at-hero-description{font-size:12px;line-height:1.9;color:#6d6a63;max-width:270px;margin-top:15px}.at-text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;border-bottom:1px solid #272720;padding:0 0 10px;margin-top:30px;font-size:12px}.at-text-link span{font-size:24px;transition:transform .2s}.at-text-link:hover span{transform:translate(4px,-4px)}.at-cv{display:block;font-size:11px;margin-top:20px}.at-art{position:relative;background:#191a18;height:610px;color:#e8e4da;margin-inline-start:12px;overflow:visible}.at-art:after{content:"";position:absolute;inset:14px;border:1px solid #ebe4d21f;pointer-events:none}.at-scene{position:absolute;inset:0;overflow:hidden}.at-scene canvas{position:absolute;inset:0;z-index:1;width:100%;height:100%;opacity:0;transition:opacity .8s}.at-scene-ready canvas{opacity:1}.at-portrait-fallback{position:absolute;width:74%;height:83%;-o-object-fit:cover;object-fit:cover;left:13%;top:8%;transition:opacity .7s}.at-scene-ready .at-portrait-fallback{opacity:0}.at-monogram{display:flex;align-items:center;justify-content:center;height:100%;font:300px Georgia;color:#aaa395}.at-art-corner{inset-inline-start:29px;top:27px;letter-spacing:1px}.at-art-corner,.at-art-vertical{position:absolute;z-index:2;font:8px var(--font-mono),monospace}.at-art-vertical{right:25px;top:42%;writing-mode:vertical-rl;letter-spacing:2px}.at-art-bottom{position:absolute;inset-inline:29px;bottom:28px;display:flex;justify-content:space-between;font:8px var(--font-mono),monospace;letter-spacing:1px;z-index:2}.at-orbit-stamp{position:absolute;bottom:65px;left:-41px;display:grid;place-items:center;font-size:80px;line-height:1;color:var(--at-accent);z-index:3;transform:rotate(15deg)}.at-hero-foot{display:flex;justify-content:space-between;padding:27px 0 42px;font:8px var(--font-mono),monospace;letter-spacing:1.1px}.at-body{padding:0 5%}.at-section{display:grid;grid-template-columns:27% 1fr;padding:86px 0;border-top:1px solid #22221f30;scroll-margin-top:30px}.at-section-label{display:flex;gap:25px;font-size:10px;padding-top:10px}.at-section-label>span:first-child{color:var(--at-accent);font-family:var(--font-mono),monospace}.at h2{font:400 clamp(35px,4vw,62px)/1.1 Georgia,serif;letter-spacing:-2px;margin:0 0 35px}.at h2 sup{font:11px var(--font-mono),monospace;vertical-align:top;margin-inline-start:18px;letter-spacing:0}.at-about-copy{max-width:760px;font-size:21px;line-height:1.8;color:#55544e}.at-work{border-top:1px solid #22221f30}.at-work:last-child{border-bottom:1px solid #22221f30}.at-work summary{display:grid;grid-template-columns:30px 130px 1fr 30px;gap:23px;align-items:center;padding:25px 0;cursor:pointer;list-style:none}.at-work summary::-webkit-details-marker{display:none}.at-work-number{font:9px var(--font-mono),monospace;color:#77756d}.at-work-art{height:100px;overflow:hidden;display:grid;place-items:center;background:#cf4a35;color:#eedfca}.at-work-art img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s}.at-work-art>span{font:italic 75px Georgia;transform:rotate(-12deg)}.at-work-art-1{background:#d3d0c4;color:#373e35}.at-work-art-2{background:#29392f;color:#dedac5}.at-work:hover img{transform:scale(1.08)}.at-work-title small{font:8px var(--font-mono),monospace;letter-spacing:1px;color:#716e64}.at-work-title h3{font-size:24px;font-weight:400;margin-top:12px;letter-spacing:-.8px}.at-work-open{font-size:27px;color:var(--at-accent);transition:transform .2s}.at-work-open .at-collapse,.at-work[open] .at-expand{display:none}.at-work[open] .at-collapse{display:inline}.at-work-detail{padding:0 45px 30px 183px;line-height:1.8;font-size:14px;color:#55544e}.at-work-detail .at-text-link{color:var(--at-ink);margin-top:20px}.at-list article{padding:20px 0;border-bottom:1px solid #22221f30}.at-list h3{font-size:23px;font-weight:400}.at-list p,.at-list small{font-size:13px;line-height:1.8;color:#646259}.at-list blockquote{font:26px/1.7 Georgia;margin:15px 0}.at-skills .at-list{display:flex;flex-wrap:wrap;gap:12px 30px}.at-skills .at-list article{padding:8px 0}.at-skills .at-list h3{font-size:18px}.at-contact h2{font-size:clamp(45px,6vw,88px);max-width:700px}.at-contact p{font-size:14px;color:#68655d;margin-bottom:30px}.at-contact-links{display:flex;flex-direction:column;gap:20px;align-items:flex-start}.at-contact-links a:first-child{font-size:clamp(17px,2.4vw,35px);padding-bottom:12px;border-bottom:1px solid #272720;overflow-wrap:anywhere;max-width:100%}.at-contact-links a span{margin-inline-start:35px;color:var(--at-accent)}.at-social-links{display:flex;gap:25px;flex-wrap:wrap;font-size:13px}.at-footer{display:flex;justify-content:space-between;gap:20px;padding:30px 5%;background:#e7e3d9;font-size:10px}.at[dir=rtl]{font-family:var(--font-arabic),sans-serif}.at[dir=rtl] h1{font-family:var(--font-arabic),serif;letter-spacing:-5px;line-height:1.45;margin:12px 0 20px -90px;font-size:clamp(70px,8vw,125px)}.at[dir=rtl] h2{font-family:var(--font-arabic),sans-serif;line-height:1.5;letter-spacing:-1px}.at[dir=rtl] .at-hero-foot,.at[dir=rtl] .at-hero-top,.at[dir=rtl] .at-kicker{font-family:var(--font-arabic),sans-serif;letter-spacing:0}.at[dir=rtl] .at-work-detail{padding:0 183px 30px 45px}.at[dir=rtl] .at-role{font-size:19px}.at[dir=rtl] .at-hero-description{font-size:14px}.at-demo-bar{position:fixed;z-index:40;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:18px;align-items:center;padding:10px 10px 10px 20px;background:#22221f;color:#f1eee7;box-shadow:0 8px 35px #0002;max-width:calc(100% - 28px);font-size:10px;white-space:nowrap}.at-demo-bar span{color:#ccc6bb}.at-demo button{cursor:pointer}.at-demo-bar button{padding:12px 19px;background:#f1eee7;color:#22221f;font-size:11px;border:0}.at-demo-bar .at-language{background:none;color:#f1eee7;padding:10px}.at-drawer-backdrop{position:fixed;inset:0;background:#15171266;z-index:49}.at-drawer{position:fixed;right:0;top:0;bottom:0;width:400px;max-width:100%;z-index:50;background:#f1eee7;color:#22221f;padding:35px;overflow:auto;box-shadow:-20px 0 80px #0002;font-family:var(--font-display),sans-serif}.at-drawer-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2222;padding-bottom:20px;margin-bottom:25px}.at-drawer-head h2{font:35px Georgia}.at-drawer-head button{border:0;background:none;font-size:25px}.at-drawer>p{font-size:13px;line-height:1.8;color:#68655d}.at-drawer label{display:block;font-size:11px;margin-top:25px}.at-drawer input[type=text]{width:100%;border:0;border-bottom:1px solid #99958b;padding:12px 0;background:transparent;font-size:17px;outline-offset:3px}.at-upload{position:relative;display:flex!important;align-items:center;justify-content:center;gap:12px;border:1px dashed #9c988d;padding:27px;cursor:pointer}.at-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.at-drawer small{display:block;font-size:10px;color:#706c64;margin-top:8px}.at-presets{display:flex;gap:10px;margin-top:12px}.at-presets button{width:36px;height:36px;border:3px solid #f1eee7;outline:1px solid #ccc}.at-presets button[aria-pressed=true]{outline:2px solid #222}.at-reset{background:none;border:0;border-bottom:1px solid #777;margin-top:35px;padding-bottom:7px;font-size:12px}.at-upload-error{color:#a32d22!important;font-size:12px!important}.at-upload-status{color:#3a644a!important}.at-demo[dir=rtl] .at-drawer{font-family:var(--font-arabic),sans-serif}@media(min-width:1600px){.at-body,.at-footer,.at-hero,.at-nav{padding-left:max(5%,calc((100% - 1450px)/2));padding-right:max(5%,calc((100% - 1450px)/2))}.at-nav{margin:0}.at-composition{min-height:720px}.at-art{height:700px}}@media(max-width:900px){.at-nav-note{display:none}.at-composition{min-height:540px}.at-art{height:530px}.at h1{font-size:80px;letter-spacing:-5px}.at-section{grid-template-columns:22% 1fr;padding:60px 0}.at-section-label{flex-direction:column;gap:12px}.at-work summary{grid-template-columns:20px 90px 1fr 20px;gap:15px}.at-work-art{height:80px}.at-work-title h3{font-size:21px}.at-work-detail{padding-left:125px}.at[dir=rtl] .at-work-detail{padding-right:125px}}@media(max-width:620px){.at-nav{height:80px}.at-wordmark{font-size:31px;gap:8px}.at-wordmark span{font-size:8px}.at-nav nav{gap:19px;font-size:10px}.at-hero-top{font-size:7px;letter-spacing:.4px;padding:23px 0}.at-hero-top>span{display:none}.at-composition{display:flex;flex-direction:column;align-items:stretch}.at-hero-copy{padding:25px 0 35px}.at h1{font-size:clamp(65px,16vw,100px);line-height:1.03;margin:24px 0 20px;letter-spacing:-4px;max-width:100%}.at h1.at-name-long{font-size:52px;letter-spacing:-2px}.at-role{font-size:15px;max-width:100%}.at-hero-description{font-size:11px;max-width:260px}.at-kicker{font-size:8px}.at-text-link{margin-top:22px}.at-art{height:470px;margin:0 0 0 18px}.at-art-bottom,.at-art-corner{font-size:7px}.at-orbit-stamp{left:-24px;font-size:62px}.at-hero-foot{font-size:10px;line-height:1.6;letter-spacing:0;gap:20px;padding:24px 0 32px}.at-section{display:block;padding:42px 0}.at-section-label{flex-direction:row;margin-bottom:25px;font-size:9px;gap:18px}.at h2{font-size:36px;letter-spacing:-1px;margin-bottom:25px}.at-about-copy{font-size:17px}.at-work summary{grid-template-columns:18px 75px 1fr 20px;gap:12px;padding:20px 0}.at-work-art{height:80px}.at-work-title h3{font-size:19px;letter-spacing:-.5px}.at-work-title small{font-size:10px;line-height:1.6;letter-spacing:0}.at-work-detail,.at[dir=rtl] .at-work-detail{padding:0 0 25px 30px}.at-contact h2{font-size:48px}.at-footer{font-size:10px;padding-bottom:100px;flex-wrap:wrap}.at-footer>span:nth-child(2){display:none}.at-demo-bar{gap:8px;padding-left:12px;bottom:14px}.at-demo-bar span{font-size:10px}.at-demo-bar button{font-size:10px;padding:12px}.at[dir=rtl] h1{font-size:clamp(55px,14vw,83px);margin:18px 0;letter-spacing:-3px}.at[dir=rtl] .at-role{font-size:16px}.at[dir=rtl] .at-hero-description{font-size:12px}}@media(prefers-reduced-motion:reduce){.at *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.at[dir=rtl] .at-work-art>span{font-family:var(--font-arabic),sans-serif;font-size:48px;line-height:1.5;transform:none}.at[dir=rtl] .at-work-art{padding:6px}@media(max-width:620px){.at[dir=rtl] .at-work-art>span{font-size:38px}.at-demo-bar{gap:4px}.at-demo-bar .at-language{padding:8px}.at-demo-bar button{padding:10px}.at-demo-bar{position:static;transform:none;width:calc(100% - 10%);max-width:none;margin:14px 5% 0;justify-content:space-between;white-space:normal}.at-demo-bar>span{display:none}}@media(prefers-reduced-motion:reduce){.at [data-at-reveal]{opacity:1!important;transform:none!important}}.px-exhibit{--px-paper:#eee7d9;position:absolute;inset:0;display:grid;place-items:center;isolation:isolate;overflow:hidden;background:#1b1a16}.px-frame{position:relative;z-index:2;width:74%;height:82%;overflow:hidden;border:1px solid #eee8dc77;box-shadow:0 26px 55px #0007;transform:perspective(900px) rotateY(-2deg);animation:px-settle .9s cubic-bezier(.2,.8,.2,1) both}.px-photo,.px-slice{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.px-photo{display:block;filter:saturate(.88) contrast(1.06)}.px-slice{z-index:2;pointer-events:none}.px-slice-a{clip-path:inset(0 0 67% 0);animation:px-slice-a .76s cubic-bezier(.2,.8,.2,1) both}.px-slice-b{clip-path:inset(33% 0 34% 0);animation:px-slice-b .82s cubic-bezier(.2,.8,.2,1) 80ms both}.px-slice-c{clip-path:inset(66% 0 0);animation:px-slice-c .88s cubic-bezier(.2,.8,.2,1) .12s both}.px-backdrop{position:absolute;width:74%;height:82%;background:var(--px-image) center/cover;opacity:.24;filter:blur(15px) saturate(.7);z-index:0}.px-backdrop-a{transform:translate(-11%,8%) scale(.93);animation:px-drift-a 7s ease-in-out infinite alternate}.px-backdrop-b{opacity:.12;filter:blur(3px) sepia(.6);transform:translate(13%,-6%) scale(.9);border:1px solid #d9b26d77;animation:px-drift-b 8s ease-in-out infinite alternate}.px-grain{position:absolute;inset:0;z-index:3;opacity:.2;mix-blend-mode:soft-light;background-image:repeating-radial-gradient(circle at 0 0,#fff 0 1px,transparent 1px 3px);pointer-events:none}.px-light{background:#25221c}.px-dark{background:#0d0c09}.px-dark .px-frame{border-color:#e5a83c88}.px-athar{background:#1b1a16}.px-athar .px-backdrop-b{border-color:#c9473299;filter:blur(2px) sepia(.4)}.px-athar .px-frame{width:74%;height:82%}.px-sada{background:#0a0a08}.px-sada .px-frame{width:68%;height:86%;border-color:#e2a33a99;box-shadow:18px 0 0 #e2a33a22,0 30px 70px #000}.px-sada .px-backdrop-a{opacity:.32;filter:blur(10px) grayscale(1) contrast(1.35);transform:translate(-18%,4%) scale(.86)}.px-sada .px-backdrop-b{opacity:.28;border-color:#e2a33a88;filter:blur(0) sepia(.8);transform:translate(20%,-5%) scale(.82)}.px-sarab{background:#d8cbb5}.px-sarab .px-frame{width:68%;height:78%;border:9px solid #efe5d4;box-shadow:18px 18px 0 #1e6b66,0 24px 48px #4a382655;transform:perspective(900px) rotateY(2deg)}.px-sarab .px-photo{filter:saturate(.78) contrast(1.08) sepia(.12)}.px-sarab .px-backdrop-a{opacity:.18;filter:blur(18px) sepia(.5);transform:translate(-18%,10%) scale(.84)}.px-sarab .px-backdrop-b{opacity:.55;border-color:#1e6b6699;filter:none;background:none;transform:translate(20%,-12%) scale(.8)}.px-sarab .px-grain{opacity:.14}.px-monogram{position:relative;z-index:2;font:clamp(120px,22vw,260px)/1 Georgia,serif;color:#a99e89;opacity:.45}@keyframes px-slice-a{0%{transform:translateY(-105%)}to{transform:none}}@keyframes px-slice-b{0%{transform:translateX(105%)}to{transform:none}}@keyframes px-slice-c{0%{transform:translateY(105%)}to{transform:none}}@keyframes px-settle{0%{opacity:.45;transform:perspective(900px) rotateY(-7deg) scale(.96)}to{opacity:1;transform:perspective(900px) rotateY(-2deg)}}@keyframes px-drift-a{to{transform:translate(-7%,4%) scale(.98)}}@keyframes px-drift-b{to{transform:translate(8%,-2%) scale(.95)}}@media(prefers-reduced-motion:reduce){.px-exhibit *{animation:none!important}.px-frame{transform:none!important}.px-slice{display:none}.px-backdrop-a{transform:translate(-8%,6%) scale(.94)!important}.px-backdrop-b{transform:translate(10%,-4%) scale(.92)!important}}