@font-face{font-family:'Google Sans';src:url('fonts/GoogleSans-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Google Sans';src:url('fonts/GoogleSans-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Google Sans';src:url('fonts/GoogleSans-SemiBold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Google Sans';src:url('fonts/GoogleSans-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
.asaf-home .hero-actions .btn:last-child{min-width:210px!important;background:transparent!important;color:#c7c6ca!important;border-color:rgba(255,255,255,.2)!important;font-weight:500!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 30px rgba(0,0,0,.18)!important}.asaf-home .hero-actions .btn:last-child:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}.portfolio-contact-actions .btn-fill{background:#f3f2ee!important;color:#08080a!important;border-color:#f3f2ee!important;font-weight:700!important;box-shadow:0 14px 38px rgba(0,0,0,.32),inset 0 1px 0 #fff!important}.archive-page .archive-back{gap:18px}.archive-page .archive-back span{font-size:17px;font-weight:400;color:#08080a}
.asaf-home .statement-title{text-align:center!important}.asaf-home .profile-card{width:min(100%,330px);justify-self:center;padding:13px}.asaf-home .profile-card .profile-photo{border-radius:17px}.asaf-home .service-grid{align-items:stretch}.asaf-home .service-card{min-height:455px!important;padding:34px!important}.asaf-home .service-card .service-icon{margin:52px 0 30px!important}.asaf-home .service-card p{margin-bottom:42px!important;line-height:1.65}.asaf-home .service-link{width:100%;min-height:52px;padding-inline:20px}
.asaf-home h1 em,.asaf-home h2 em{position:relative;display:inline-block;color:#c7ccd6!important;font-style:normal;isolation:isolate}.asaf-home h1 em:before,.asaf-home h2 em:before{content:"";position:absolute;z-index:-1;left:-.04em;right:-.04em;top:58%;height:.34em;border-radius:999px;background:linear-gradient(90deg,rgba(117,139,190,.16),rgba(159,176,216,.34));transform:scaleX(0);transform-origin:right center;will-change:transform}.asaf-home h1.title-visible em:before,.asaf-home h2.title-visible em:before{animation:highlight-sweep 1.05s cubic-bezier(.16,1,.3,1) 1s forwards}@keyframes highlight-sweep{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
.phone-direct{white-space:nowrap;font-size:12px!important;letter-spacing:-.015em}.phone-direct span{white-space:nowrap}
@media(prefers-reduced-motion:reduce){.asaf-home h1 em:before,.asaf-home h2 em:before{transform:scaleX(1)!important;animation:none!important}}

/* Contextual archive layouts */
.archive-project-stack,.archive-story-list{display:grid;gap:24px}.archive-slider-project{padding:clamp(18px,3vw,34px);overflow:hidden}.archive-project-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:40px;margin-bottom:28px}.archive-project-heading h2{font-size:clamp(2rem,4vw,4.4rem);line-height:.92;letter-spacing:-.06em;margin:14px 0 0}.archive-project-heading p{max-width:480px;margin:0;color:#8d8c91;font-size:17px;line-height:1.6}.archive-slider{position:relative}.archive-slider-track{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 64px}.archive-slider-track::-webkit-scrollbar{display:none}.archive-slide{flex:0 0 min(82%,980px);scroll-snap-align:center}.archive-slide>span{display:block;margin-top:10px;color:#777;font-size:11px}.archive-image{position:relative;display:block;width:100%;padding:7px;overflow:hidden;border:1px solid rgba(255,255,255,.11);background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018));box-shadow:var(--glass-shadow);cursor:zoom-in;transition:border-color .3s,box-shadow .3s,transform .3s}.archive-image:hover{border-color:rgba(255,255,255,.27);box-shadow:0 25px 70px #0009,inset 0 1px 0 rgba(255,255,255,.22);transform:translateY(-2px)}.archive-image .media-sprite{display:block;width:100%;aspect-ratio:16/9;border-radius:18px}.archive-slider-arrow{position:absolute;z-index:4;top:50%;width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);background:rgba(10,10,13,.8);backdrop-filter:blur(18px);cursor:pointer;transform:translateY(-50%);font-size:18px}.archive-slider-arrow.prev{right:8px}.archive-slider-arrow.next{left:8px}.archive-story{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:clamp(30px,5vw,75px);padding:10px;align-items:stretch}.archive-story:nth-child(even){grid-template-columns:minmax(320px,.65fr) minmax(0,1.35fr)}.archive-story:nth-child(even) .archive-story-media{order:2}.archive-story-media .archive-image{height:100%}.archive-story-media .archive-image .media-sprite{height:100%;min-height:520px;aspect-ratio:auto}.archive-story-copy{padding:clamp(25px,4vw,55px) clamp(16px,3vw,40px);align-self:center}.archive-story-copy h2{font-size:clamp(2.4rem,4.5vw,5.2rem);line-height:.9;letter-spacing:-.065em;margin:18px 0 45px}.story-block{padding-top:20px;margin-top:20px;border-top:1px solid var(--line)}.story-block h3{font-size:15px;margin:0 0 9px}.story-block p{margin:0;color:#929196;line-height:1.65}.case-study-link{width:100%;margin-top:35px}.case-study-link.is-placeholder{opacity:.7;cursor:default}.archive-subsection{padding:40px 0 120px;border-top:1px solid var(--line)}.archive-subsection:first-child{border-top:0;padding-top:0}.archive-section-head{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:end;margin-bottom:45px}.archive-section-head .eyebrow{grid-column:1/-1}.archive-section-head h2{font-size:clamp(3rem,6vw,6.5rem);line-height:.9;letter-spacing:-.065em;margin:0}.archive-section-head p{max-width:520px;color:#8d8c91;font-size:17px;line-height:1.6;margin:0}.archive-insta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.archive-insta-grid .archive-image .media-sprite{aspect-ratio:1}.archive-banner-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.archive-banner-grid .archive-image .media-sprite{aspect-ratio:3/1}.archive-a5-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:1120px;margin:auto}.archive-a5-grid .archive-image .media-sprite{aspect-ratio:148/210}.archive-rollup-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.archive-rollup-grid .archive-image .media-sprite{aspect-ratio:85/200}.archive-billboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.archive-billboard-grid .archive-image .media-sprite{aspect-ratio:1}.archive-lightbox{position:fixed;z-index:300;inset:0;display:grid;place-items:center;padding:6vw;background:rgba(3,3,5,.9);backdrop-filter:blur(28px);opacity:0;visibility:hidden;transition:.3s}.archive-lightbox.open{opacity:1;visibility:visible}.archive-lightbox>button{position:absolute;top:28px;right:32px;width:50px;height:50px;border:1px solid rgba(255,255,255,.15);background:rgba(15,15,18,.7);font-size:30px;cursor:pointer}.archive-lightbox-media{width:min(1200px,88vw);height:min(76vh,820px);border-radius:26px;background-size:300% 200%;box-shadow:0 45px 120px #000}.uxui-preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.uxui-preview-card{padding:8px}.uxui-preview-card .media-sprite{height:380px;border-radius:19px}.uxui-preview-info{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 14px 14px}.uxui-preview-info h3{font-size:24px;margin:9px 0 0}.uxui-preview-info .project-action{white-space:nowrap}

@media(max-width:850px){.archive-project-heading,.archive-section-head{grid-template-columns:1fr}.archive-story,.archive-story:nth-child(even){grid-template-columns:1fr}.archive-story:nth-child(even) .archive-story-media{order:0}.archive-story-media .archive-image .media-sprite{min-height:360px}.archive-slider-track{padding:0 48px}.archive-slide{flex-basis:92%}.archive-insta-grid,.archive-a5-grid{grid-template-columns:repeat(2,1fr)}.archive-rollup-grid{grid-template-columns:repeat(2,1fr)}.archive-banner-grid,.archive-billboard-grid,.uxui-preview-grid{grid-template-columns:1fr}.archive-section-head .eyebrow{grid-column:auto}}
@media(max-width:520px){.archive-slider-project{padding:14px}.archive-slider-track{padding:0 34px}.archive-slider-arrow{width:40px;height:40px}.archive-insta-grid{gap:5px}.archive-a5-grid{gap:7px}.archive-lightbox{padding:18px}.archive-lightbox-media{width:100%;height:62vh}.archive-story-media .archive-image .media-sprite{min-height:280px}.uxui-preview-card .media-sprite{height:280px}}
.asaf-home .service-card{cursor:pointer}.asaf-home .service-card p{margin-bottom:30px}.service-link{margin-top:auto;min-height:48px;padding:13px 18px;display:flex;align-items:center;justify-content:space-between;gap:22px;border-radius:999px;background:#f3f2ee;color:#08080a;font-size:13px;font-weight:700;box-shadow:0 12px 35px rgba(0,0,0,.25),inset 0 1px 0 #fff}.service-link i{font-style:normal;font-size:17px;font-weight:400;color:#08080a}
.asaf-home .hero-actions .btn,.asaf-home .projects-cta .btn{min-width:265px!important;min-height:56px;justify-content:center!important;gap:34px!important;padding-inline:28px!important;background:#f3f2ee!important;color:#08080a!important;border-color:#f3f2ee!important;font-weight:700}.asaf-home .hero-actions .btn span,.asaf-home .projects-cta .btn span{color:#08080a!important;font-size:17px;font-weight:400}.asaf-home .projects-cta{gap:14px}.asaf-home .project-card .project-meta{isolation:isolate;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding-top:72px}.asaf-home .project-card .project-meta>*{position:relative;z-index:1}.asaf-home .project-card .project-meta:before{content:"";position:absolute;z-index:0;inset:-90px 0 0;background:linear-gradient(to bottom,transparent 0%,rgba(5,5,8,.2) 32%,rgba(5,5,8,.9) 82%);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.18) 25%,#000 62%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.18) 25%,#000 62%);pointer-events:none}
body .page-hero{min-height:61vh;padding:145px var(--pad) 72px;align-items:center;justify-content:center;text-align:center}.page-hero .eyebrow,.page-hero p{align-self:center;text-align:center}.page-hero h1{font-size:clamp(3.5rem,8vw,8rem);text-align:center}.archive-page .archive-back{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 22px;margin-bottom:54px;border-radius:999px;background:#f3f2ee;color:#08080a;font-weight:700;box-shadow:0 15px 38px rgba(0,0,0,.28)}.archive-page .archive-hero{padding-bottom:62px}
@media(max-width:650px){.asaf-home .hero-actions,.asaf-home .projects-cta{width:100%}.asaf-home .hero-actions .btn,.asaf-home .projects-cta .btn{width:100%;min-width:0!important}.page-hero{min-height:58vh!important;padding-top:125px!important}}
.asaf-home .announce{background:#f4f3ef!important;color:#09090b!important;border-color:#f4f3ef!important;font-weight:600}.asaf-home .announce a{color:#09090b!important}.asaf-home .announce i{background:#09090b!important}.asaf-home .hero-actions .btn:last-child{min-width:145px;justify-content:center;padding-inline:18px}.asaf-home .statement-copy p{font-size:clamp(1.15rem,1.7vw,1.72rem)!important;line-height:1.62}.statement-title .heading-line{display:block;white-space:nowrap}.asaf-home .profile-card .profile-photo{width:100%;height:auto;aspect-ratio:4/5!important;object-fit:cover;object-position:center 18%;border-radius:20px;filter:grayscale(1)}.asaf-home .profile-card>div:last-child{align-items:flex-start}.asaf-home .profile-card>div:last-child span{line-height:1.65}.role-line{display:flex!important;align-items:center;gap:11px;flex-wrap:wrap}.role-line i{font-style:normal}.role-line b{display:block;width:4px;height:4px;border-radius:50%;background:#6d6c72;flex:0 0 4px}
.reference-contact{align-items:start}.contact-form-side,.direct-contact{padding-top:0!important}.contact-form-side>.eyebrow,.direct-contact>.eyebrow{display:block;min-height:18px}.contact-form-side h2,.direct-contact h2{margin-top:20px!important;margin-bottom:38px!important}.direct-contact{justify-content:flex-start!important}.quick-contact{display:flex!important;flex-wrap:nowrap!important;width:100%;gap:9px}.quick-contact .btn{justify-content:center;gap:10px;min-width:0!important;flex:1 1 0;padding-inline:14px}.button-icon{width:23px;height:23px;flex:0 0 23px}.gmail-mark{width:27px}.brand-contact-icon{object-fit:contain}.whatsapp-direct .brand-contact-icon{width:28px;height:28px}.gmail-btn .brand-contact-icon{width:26px;height:22px}
.float.whatsapp{background:#22c55e!important;color:#fff!important;border:1px solid rgba(255,255,255,.35);box-shadow:0 15px 45px rgba(34,197,94,.28),inset 0 1px 0 rgba(255,255,255,.35)!important}.float.whatsapp img{width:39px;height:39px;object-fit:contain;display:block}.float svg{width:24px;height:24px;display:block}.back-top svg{width:23px;height:23px}.back-top{color:#fff}
.asaf-home .service-icon{width:82px!important;height:82px!important;font-size:31px!important;border-color:rgba(255,255,255,.18)!important}.all-in-one .btn{justify-content:center!important;gap:28px!important}.all-in-one .btn>span{color:#070709!important;font-size:18px;font-weight:400;line-height:1}.process-section{border-bottom:1px solid var(--line)}.reference-projects{border-bottom:1px solid var(--line)}
.portfolio-contact{width:min(1400px,calc(100% - 40px));max-width:1400px;margin:0 auto 120px;padding:clamp(38px,6vw,75px);display:grid;grid-template-columns:1fr auto;align-items:center;gap:60px;border:1px solid rgba(255,255,255,.13);border-radius:32px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.018));box-shadow:var(--glass-shadow);backdrop-filter:blur(24px) saturate(140%)}.portfolio-contact h2{font-size:clamp(2.8rem,5vw,5.5rem);line-height:.92;letter-spacing:-.06em;margin:20px 0}.portfolio-contact p{max-width:590px;color:#949398;font-size:18px;line-height:1.6}.portfolio-contact-actions{display:grid;gap:9px;min-width:245px}.portfolio-contact-actions .btn{width:100%}
.related-projects{padding:130px 0 110px;border-top:1px solid var(--line)}.related-projects h2{font-size:clamp(3rem,6vw,6rem);line-height:.92;letter-spacing:-.06em;margin:20px 0 50px}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.related-grid a{min-height:210px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.018));box-shadow:var(--glass-shadow);transition:.35s}.related-grid a:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.23)}.related-grid span{font-size:28px;font-weight:700}.related-grid b{font-size:13px;color:#aaa}
@media(max-width:760px){.portfolio-contact{grid-template-columns:1fr;margin:0 20px 90px;gap:35px}.portfolio-contact-actions{min-width:0}.related-grid{grid-template-columns:1fr}.quick-contact{flex-wrap:wrap!important}.quick-contact .btn{width:100%;flex:1 1 100%}.statement-title .heading-line{font-size:8.5vw}}
button,.btn,input,textarea,select,.site-header,.portfolio-dock,.glass-panel,.video-card,.archive-card,.service-card,.process-card,.project-card,.work-card,.route-card{border-radius:24px!important}button,.btn,.portfolio-dock a,.tag,.tag-row span,.project-action,.header-cta{border-radius:999px!important}textarea{border-radius:20px!important}
.portfolio-shell{max-width:1400px;margin:auto;padding:0 var(--pad) 150px}.portfolio-dock{position:sticky;top:112px;z-index:72;width:max-content;max-width:100%;margin:55px auto 36px;padding:8px;display:flex;gap:5px;overflow-x:auto;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(10,10,14,.72));box-shadow:0 20px 70px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.1);backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%)}.portfolio-dock a{padding:12px 18px;border-radius:999px;white-space:nowrap;color:#888;font-size:13px;font-weight:600;transition:.3s}.portfolio-dock a:hover{color:#fff}.portfolio-dock a.active{background:#f1f0ec;color:#070709;box-shadow:0 8px 24px rgba(0,0,0,.3)}
.category-section,.design-category{padding:120px 0;border-bottom:1px solid var(--line);scroll-margin-top:165px}.category-head{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:46px}.category-head h2{font-size:clamp(3rem,5.5vw,6rem);line-height:.92;letter-spacing:-.065em;margin:18px 0 0}.tag-row{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.tag-row span,.tag{display:inline-flex;padding:8px 11px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.04);color:#aaa;font-size:9px;font-weight:700;letter-spacing:.12em;backdrop-filter:blur(12px)}
.category-video-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;align-items:center}.category-video-grid .video-card{grid-column:span 2;aspect-ratio:16/9!important;border-radius:26px!important;background:rgba(255,255,255,.035)!important;box-shadow:0 25px 70px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.12)}.category-video-grid .video-card.story{grid-column:span 1;aspect-ratio:9/16!important}.glass-media{padding:7px}.glass-media>.media-sprite,.glass-media>video{border-radius:20px}.category-more{display:flex!important;width:max-content;margin:42px auto 0}.portfolio-shell .motion-card.is-hovered .media-sprite,.portfolio-shell .motion-card.is-hovered>video,.portfolio-shell .motion-card.is-hovered img,.archive-page .motion-card.is-hovered .media-sprite{transform:none!important;filter:brightness(.82) saturate(1.04)!important}.portfolio-shell .motion-card.is-hovered,.archive-page .motion-card.is-hovered{transform:translateY(-3px)!important}.portfolio-shell .motion-card:before,.archive-page .motion-card:before{background:radial-gradient(500px circle at var(--x) var(--y),rgba(255,255,255,.17),transparent 48%)}
.glass-panel,.manual-carousel,.web-project-card,.archive-card{border:1px solid rgba(255,255,255,.12);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.02));box-shadow:var(--glass-shadow);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%)}
.manual-carousel{position:relative;padding:10px 72px}.carousel-viewport{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.carousel-viewport::-webkit-scrollbar{display:none}.carousel-track{display:flex;gap:10px;width:max-content}.carousel-arrow{position:absolute;top:50%;z-index:8;width:52px;height:52px;border-radius:50%!important;border:1px solid rgba(255,255,255,.2);background:rgba(12,12,16,.72);backdrop-filter:blur(18px);cursor:pointer;font-size:22px;transform:translateY(-50%);transition:.3s}.carousel-arrow:hover{background:#fff;color:#08080a;transform:translateY(-50%) scale(1.06)}.carousel-arrow-left{left:10px}.carousel-arrow-right{right:10px}.brand-slide{width:min(850px,70vw);scroll-snap-align:start;border-radius:24px;overflow:hidden;background:#08080a;border:1px solid rgba(255,255,255,.08)}.brand-slide>.media-sprite{height:470px}.brand-slide>div:last-child{display:flex;align-items:center;gap:18px;padding:20px;direction:ltr}.brand-slide h3{font-size:22px;margin:0 auto 0 0}.brand-slide a,.project-action{padding:11px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.15);font-size:12px;transition:.3s}.brand-slide a:hover,.project-action:hover{background:#fff;color:#070709}
.marquee{width:100vw;margin-right:calc((100vw - min(1400px,100vw) + var(--pad)*2)/-2);overflow:hidden;padding:12px 0;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.marquee-track{display:flex;gap:12px;width:max-content;will-change:transform}.strip-card{width:360px;flex:0 0 auto;padding:7px;border:1px solid rgba(255,255,255,.1);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.018));box-shadow:inset 0 1px 0 rgba(255,255,255,.1);transition:border-color .35s,box-shadow .35s}.strip-card:hover{border-color:rgba(255,255,255,.22);box-shadow:0 24px 65px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.17)}.strip-card>.media-sprite{height:430px;border-radius:20px}.strip-card>div:last-child{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 9px 9px}.strip-card h3{font-size:15px;margin:0;letter-spacing:-.03em}
.website-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.web-project-card{padding:9px;overflow:hidden}.web-preview{border-radius:18px;overflow:hidden;background:#070709}.web-preview .media-sprite{height:430px}.web-info{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 12px 12px}.web-info h3{margin:10px 0 0;font-size:21px}.process{color:#999}
.archive-page{max-width:1400px;margin:auto;padding:190px var(--pad) 150px}.archive-hero{max-width:950px;padding-bottom:80px}.archive-back{display:inline-block;margin-bottom:60px;color:#888}.archive-hero h1{font-size:clamp(4rem,8vw,8.5rem);line-height:.9;letter-spacing:-.07em;margin:22px 0}.archive-hero p{font-size:20px;color:#888}.archive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.archive-card{padding:9px;overflow:hidden}.archive-media{width:100%;height:auto;aspect-ratio:16/9;border-radius:20px;background-size:300% 200%;background-repeat:no-repeat}.archive-card img,.archive-card video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:20px}.archive-info{display:flex;justify-content:space-between;align-items:center;min-height:105px;padding:20px 12px 12px;gap:15px}.archive-info h2{font-size:20px;margin:9px 0 0}
@media(max-width:850px){.portfolio-dock{top:92px;margin:45px 0 30px;width:100%;border-radius:24px}.category-section,.design-category{padding:90px 0}.category-head{display:block}.category-head .tag-row{margin-top:25px;justify-content:flex-start}.category-video-grid{grid-template-columns:repeat(2,1fr)}.category-video-grid .video-card,.category-video-grid .video-card.story{grid-column:span 1}.website-grid{grid-template-columns:1fr}.manual-carousel{padding-inline:62px}.brand-slide{width:76vw}.brand-slide>.media-sprite,.web-preview .media-sprite{height:330px}.archive-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.category-video-grid{display:grid;grid-template-columns:1fr 1fr}.category-video-grid .video-card{grid-column:1/-1;aspect-ratio:4/3!important}.category-video-grid .video-card.story{grid-column:span 1;aspect-ratio:9/16!important}.manual-carousel{padding-inline:50px}.carousel-arrow{width:42px;height:42px}.carousel-arrow-left{left:5px}.carousel-arrow-right{right:5px}.brand-slide{width:76vw}.brand-slide>.media-sprite{height:270px}.brand-slide>div:last-child{display:block}.brand-slide h3{margin:12px 0 20px}.strip-card{width:285px}.strip-card>.media-sprite{height:350px}.archive-grid{grid-template-columns:1fr}.archive-media{aspect-ratio:16/9}}
.brand-logo-static{opacity:1;transform:scale(1);background:#fff}.brand:hover .brand-logo-static{transform:scale(1.045) rotate(-1.5deg)}
.title-enter{opacity:0;filter:blur(5px);transform:translateY(16px);transition:opacity .52s cubic-bezier(.16,1,.3,1),transform .52s cubic-bezier(.16,1,.3,1),filter .45s ease!important}.title-enter.title-visible{opacity:1;filter:blur(0);transform:translateY(0)}
.contact-form-side h2,.direct-contact h2{font-size:clamp(2.7rem,5vw,5.6rem);line-height:.94;letter-spacing:-.06em;margin:20px 0 38px}.contact-form-side .contact-form{grid-template-columns:1fr}.direct-contact{display:flex;flex-direction:column;justify-content:center;padding:clamp(10px,3vw,45px)}.direct-contact p{font-size:19px;line-height:1.65;color:#9b9a9f;max-width:520px}.quick-contact{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.quick-contact .btn{min-width:190px}
.site-footer{display:block!important}.footer-main{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-bottom:25px}.social-links,.legal-links{display:flex;gap:22px;flex-wrap:wrap}.social-links a,.legal-links a{transition:color .25s}.social-links a:hover,.legal-links a:hover{color:#fff}.legal-links{padding-top:22px;border-top:1px solid var(--line);font-size:12px;color:#707075}
.legal-page{max-width:1100px;margin:auto;padding:190px var(--pad) 130px}.legal-hero{padding-bottom:75px;border-bottom:1px solid var(--line)}.legal-hero h1{font-size:clamp(4rem,8vw,8rem);line-height:.9;letter-spacing:-.07em;margin:22px 0}.legal-hero p{color:#777}.legal-content{max-width:820px;padding-top:75px}.legal-content h2{font-size:28px;letter-spacing:-.04em;margin:55px 0 15px}.legal-content p,.legal-content li{font-size:17px;line-height:1.8;color:#aaa}.legal-content a{color:#fff;text-decoration:underline;text-underline-offset:4px}.legal-content ul{padding-right:22px}
@media(max-width:700px){.title-enter{transform:translateY(10px)}.reference-contact{display:block!important}.direct-contact{padding:70px 0 0}.quick-contact{display:block}.quick-contact .btn{margin-top:10px}.footer-main{display:block}.social-links{margin-top:20px}.legal-page{padding-top:140px}.legal-content p,.legal-content li{font-size:16px}}
.site-header .brand{display:inline-flex!important;align-items:center;gap:11px;min-width:max-content}.brand-mark{position:relative;display:block;width:40px;height:40px;flex:0 0 40px;border-radius:50%;overflow:hidden;background:#050507;border:1px solid rgba(255,255,255,.14);box-shadow:0 9px 26px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.12);isolation:isolate}.brand-mark img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);pointer-events:none}.brand-logo-dark{opacity:1;transform:scale(1.18)}.brand-logo-light{opacity:0;transform:scale(.88)}.brand:hover .brand-logo-dark{opacity:0;transform:scale(1.32) rotate(-3deg)}.brand:hover .brand-logo-light{opacity:1;transform:scale(1)}.brand-name{font-weight:700;letter-spacing:-.035em;transition:opacity .3s}.brand:hover .brand-name{opacity:.76}@media(max-width:560px){.brand-mark{width:35px;height:35px;flex-basis:35px}.brand-name{font-size:11px}}
/* Apple-inspired glass layer: restrained translucency, specular edges and responsive depth. */
:root{--glass:rgba(18,18,23,.54);--glass-strong:rgba(22,22,29,.72);--glass-line:rgba(255,255,255,.14);--glass-shine:rgba(255,255,255,.2);--glass-shadow:0 24px 80px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08)}
body{background-color:#060608!important;background-image:radial-gradient(circle at 15% 8%,rgba(70,92,145,.13),transparent 31%),radial-gradient(circle at 85% 30%,rgba(255,92,42,.08),transparent 26%),radial-gradient(circle at 50% 76%,rgba(85,62,145,.09),transparent 34%)!important;background-attachment:fixed!important;background-size:130% 130%!important;animation:ambient-drift 18s ease-in-out infinite alternate}
@keyframes ambient-drift{0%{background-position:0 0,100% 10%,50% 70%}100%{background-position:8% 5%,92% 17%,45% 80%}}
.site-header,.asaf-home .capsule-header{background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.025) 36%,rgba(10,10,14,.62))!important;border-color:var(--glass-line)!important;box-shadow:var(--glass-shadow)!important;-webkit-backdrop-filter:blur(28px) saturate(155%)!important;backdrop-filter:blur(28px) saturate(155%)!important}
.asaf-home.scrolled .capsule-header,.scrolled .site-header{background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(10,10,14,.76))!important}
.service-card,.process-card,.profile-card,.all-in-one,.reference-contact,.admin-panel,.classification-note,.video-card,.project-card,.work-card,.route-card,.browser-frame,.logo-showcase,.filters,.lightbox-stage{border-color:rgba(255,255,255,.11)!important;background-color:var(--glass)!important;background-image:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018) 38%,rgba(255,255,255,.035))!important;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(24px) saturate(140%);backdrop-filter:blur(24px) saturate(140%)}
.filters{border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:8px!important;margin:35px 0 65px;top:78px!important;box-shadow:0 18px 60px #0007;display:flex!important;width:max-content;max-width:100%;overflow-x:auto;flex-wrap:nowrap!important}
.filters button{border-radius:999px!important;border-color:transparent!important;white-space:nowrap}.filters button.active{box-shadow:0 8px 24px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.5)}
.btn,.header-cta,.float{position:relative;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 12px 32px rgba(0,0,0,.22);transition:transform .45s cubic-bezier(.16,1,.3,1),background .35s,border-color .35s,box-shadow .35s!important}.btn:before,.header-cta:before,.float:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.22) 48%,transparent 70%);transform:translateX(-130%);transition:transform .7s cubic-bezier(.16,1,.3,1);pointer-events:none}.btn:hover:before,.header-cta:hover:before,.float:hover:before{transform:translateX(130%)}.btn:hover,.header-cta:hover,.float:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 18px 42px rgba(0,0,0,.34),0 0 34px rgba(255,255,255,.05)}
.motion-card{--x:50%;--y:50%;--tilt-x:0deg;--tilt-y:0deg;--media-x:0px;--media-y:0px;position:relative;isolation:isolate;transform-style:preserve-3d;will-change:transform;transition:transform .65s cubic-bezier(.16,1,.3,1),border-color .45s,box-shadow .55s,background .45s!important}
.motion-card:before{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;background:radial-gradient(420px circle at var(--x) var(--y),rgba(255,255,255,.18),rgba(255,255,255,.055) 24%,transparent 54%);opacity:0;pointer-events:none;transition:opacity .45s}
.motion-card:after{content:"";position:absolute;z-index:3;inset:0;border-radius:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 1px 0 0 rgba(255,255,255,.055),inset 0 -1px 0 rgba(255,255,255,.025);pointer-events:none}
.motion-card.is-hovered{transform:perspective(1100px) rotateX(var(--tilt-y)) rotateY(var(--tilt-x)) translateY(-5px)!important;border-color:rgba(255,255,255,.2)!important;box-shadow:0 34px 90px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.03),inset 0 1px 0 rgba(255,255,255,.14)!important}.motion-card.is-hovered:before{opacity:1}
.motion-card .media-sprite,.motion-card>video,.motion-card img{transition:transform .85s cubic-bezier(.16,1,.3,1),filter .65s,opacity .45s!important;will-change:transform}.motion-card.is-hovered .media-sprite,.motion-card.is-hovered>video,.motion-card.is-hovered img{transform:translate3d(var(--media-x),var(--media-y),18px) scale(1.045)!important;filter:brightness(.9) saturate(1.08)!important}
.video-card:after,.project-card:after,.work-card:after,.route-card:after{box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 0 55px rgba(255,255,255,.025)!important}.video-card .card-index,.project-card .project-meta,.work-card .work-meta{backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);background:linear-gradient(transparent,rgba(5,5,8,.8))!important}
.hero-media{border-radius:30px;border-color:rgba(255,255,255,.16)!important;box-shadow:0 45px 120px #000,0 0 0 1px rgba(255,255,255,.035),inset 0 1px 0 rgba(255,255,255,.18)!important}.hero-media:after{content:"";position:absolute;z-index:5;inset:0;border-radius:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 0 70px rgba(255,255,255,.035);pointer-events:none}
.contact-form input,.contact-form textarea,.contact-form select,.admin-panel input,.admin-panel textarea,.admin-panel select{background:rgba(255,255,255,.025)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:14px!important;padding:14px 16px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:border-color .35s,box-shadow .35s,background .35s!important}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus,.admin-panel input:focus,.admin-panel textarea:focus,.admin-panel select:focus{background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.28)!important;box-shadow:0 0 0 4px rgba(255,255,255,.035),0 14px 34px rgba(0,0,0,.24)!important}
.back-top{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.2)!important;-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%)}.whatsapp{box-shadow:0 12px 40px rgba(0,0,0,.35),inset 0 1px 0 #fff}
.lightbox{background:rgba(3,3,5,.82)!important;-webkit-backdrop-filter:blur(28px) saturate(120%);backdrop-filter:blur(28px) saturate(120%)}
@media(prefers-reduced-motion:reduce){body{animation:none!important}.motion-card,.motion-card *{transform:none!important;transition:none!important}}
@media(max-width:700px){.filters{width:100%;border-radius:20px;margin-top:20px}.motion-card{transform:none!important}.service-card,.process-card,.profile-card,.reference-contact{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}}
/* Homepage structure refined around a clear studio narrative: promise, proof, offer, process, work. */
.asaf-home{--shell:min(1120px,calc(100vw - 40px));background:#060608}.asaf-home .announce{height:36px;position:absolute;inset:0 0 auto;display:flex;justify-content:center;align-items:center;gap:12px;border-bottom:1px solid var(--line);font-size:12px;color:#aaa;z-index:95}.asaf-home .announce i{width:3px;height:3px;border-radius:50%;background:#777}.asaf-home .announce a{color:#fff;font-weight:600}.asaf-home .capsule-header{top:52px;right:50%;left:auto;transform:translateX(50%);width:var(--shell);height:68px;padding:8px 12px 8px 18px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(14,14,17,.84);backdrop-filter:blur(20px);box-shadow:0 18px 50px #0008}.asaf-home.scrolled .capsule-header{top:14px;background:rgba(10,10,12,.9);border-color:rgba(255,255,255,.15)}.asaf-home .capsule-header .brand{padding:0 12px}.asaf-home .capsule-header .brand b{color:var(--hot);font-size:18px}.asaf-home .capsule-header nav{position:absolute;left:50%;transform:translateX(-50%);gap:34px}.asaf-home .header-cta{min-width:122px;padding:13px 20px;border-radius:999px;background:#f1f0ec;color:#070709;font-weight:700;display:flex;justify-content:space-between;gap:20px}.asaf-home .reference-hero{min-height:auto;padding:215px var(--pad) 0;display:flex;flex-direction:column}.asaf-home .reference-hero .hero-copy{width:min(1030px,100%)}.asaf-home .reference-hero h1{font-size:clamp(4rem,8.6vw,8.2rem);line-height:.86;margin:22px 0 0;letter-spacing:-.077em}.asaf-home h1 em,.asaf-home h2 em{font-style:normal;color:#aeb5be}.asaf-home .hero-intro{max-width:760px;text-align:center;font-size:clamp(17px,1.8vw,21px);line-height:1.65;color:#a5a4a9;margin:36px auto 0}.asaf-home .reference-hero .hero-actions{margin:28px auto 60px}.asaf-home .btn{border-radius:999px;min-width:190px;padding:15px 22px}.asaf-home .btn-fill{background:#f1f0ec;color:#070709;border-color:#f1f0ec;font-weight:700}.asaf-home .reference-hero .hero-media{width:var(--shell);aspect-ratio:16/8.1;margin:0 auto;border-radius:28px;border-color:rgba(255,255,255,.12);box-shadow:0 50px 120px #000}.asaf-home .reference-hero .hero-media .media-sprite{transform:none}.asaf-home .reference-hero .hero-reel{opacity:.2}.asaf-home .reel-label{position:absolute;z-index:3;inset:auto 20px 18px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.asaf-home .reel-label span{font:700 10px 'Google Sans',sans-serif;letter-spacing:.15em}.asaf-home .client-proof{width:var(--shell);margin:80px auto 0;padding:40px 0 80px;border-bottom:1px solid var(--line);text-align:center}.asaf-home .client-proof p{color:#777;margin:0 0 30px;font-size:13px}.asaf-home .client-row{display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap;color:#6e6d72}.asaf-home .client-row b{font:900 clamp(15px,2vw,24px) 'Google Sans',sans-serif;letter-spacing:-.05em}.asaf-home .statement{padding-top:150px}.asaf-home .statement-title{text-align:center;max-width:900px;margin:0 auto 85px}.asaf-home .statement-title h2,.asaf-home .center-heading h2,.asaf-home .contact-intro h2{font-size:clamp(3.1rem,6vw,6.4rem);line-height:.94;letter-spacing:-.065em;margin:22px 0 0}.asaf-home .statement-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:9vw;align-items:center}.asaf-home .statement-copy p{font-size:clamp(1.35rem,2.2vw,2.3rem);line-height:1.45;margin:0}.asaf-home .statement-copy strong{font-weight:700;color:#fff}.asaf-home .keyword-line{display:flex;align-items:center;gap:13px;flex-wrap:wrap;color:#8b8a8e;margin-top:36px}.asaf-home .keyword-line i{width:4px;height:4px;border-radius:50%;background:#555}.asaf-home .profile-card{border:1px solid var(--line);border-radius:28px;padding:18px;background:#09090b}.asaf-home .profile-card .portrait{width:100%;aspect-ratio:1;border-radius:20px}.asaf-home .profile-card>div:last-child{display:flex;justify-content:space-between;gap:12px;padding:18px 5px 4px}.asaf-home .profile-card b{font-size:17px}.asaf-home .profile-card span{color:#777;font-size:12px}.asaf-home .service-section,.asaf-home .process-section{border-top:1px solid var(--line)}.asaf-home .center-heading{text-align:center;max-width:850px;margin:0 auto 70px}.asaf-home .center-heading p{color:#888;font-size:18px}.asaf-home .service-grid,.asaf-home .process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.asaf-home .service-card,.asaf-home .process-card{min-height:380px;padding:30px;border:1px solid var(--line);border-radius:26px;background:#09090b;position:relative;display:flex;flex-direction:column;transition:.4s}.asaf-home .service-card:hover{background:#111115;border-color:rgba(255,255,255,.18);transform:translateY(-5px)}.asaf-home .service-no{font:700 11px 'Google Sans',sans-serif;color:#666}.asaf-home .service-icon{width:54px;height:54px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;margin:65px 0 25px;font-size:18px}.asaf-home .service-card h3,.asaf-home .process-card h3{font-size:28px;line-height:1;margin:0 0 18px;letter-spacing:-.04em}.asaf-home .service-card p,.asaf-home .process-card p{color:#858489;line-height:1.6;margin:0}.asaf-home .service-card>b{margin-top:auto;font-size:13px}.asaf-home .all-in-one{margin-top:10px;border:1px solid var(--line);border-radius:26px;padding:34px;display:grid;grid-template-columns:1fr 1.1fr auto;align-items:center;gap:40px;background:linear-gradient(100deg,#0b0b0e,#111116)}.asaf-home .all-in-one>div{display:flex;align-items:center;gap:20px}.asaf-home .all-in-one span{font:900 38px 'Google Sans',sans-serif;color:#aeb5be}.asaf-home .all-in-one h3{font-size:24px;margin:0}.asaf-home .all-in-one p{color:#858489;line-height:1.55}.asaf-home .process-card{min-height:340px;padding-top:35px}.asaf-home .process-card>span{font:900 60px 'Google Sans',sans-serif;letter-spacing:-.07em;color:#25252b}.asaf-home .process-card small{color:#777;margin:50px 0 14px}.asaf-home .projects-head{display:grid;grid-template-columns:1fr 1fr;align-items:end;margin-bottom:55px}.asaf-home .projects-head h2{font-size:clamp(3.5rem,7vw,7rem);line-height:.9;letter-spacing:-.07em;margin:18px 0 0}.asaf-home .projects-head p{max-width:460px;color:#888;font-size:18px;line-height:1.6;margin:0}.asaf-home .project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;direction:ltr}.asaf-home .project-card{aspect-ratio:1;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:22px;direction:rtl}.asaf-home .project-card.project-large{grid-column:span 2;aspect-ratio:2.03/1}.asaf-home .project-card .media-sprite{filter:brightness(.72);transition:.7s}.asaf-home .project-card:hover .media-sprite{transform:scale(1.04);filter:brightness(.9)}.asaf-home .project-meta{position:absolute;inset:auto 0 0;padding:55px 18px 17px;background:linear-gradient(transparent,#050507e8)}.asaf-home .project-meta span{font-size:11px;color:#aaa}.asaf-home .project-meta h3{font:900 16px 'Google Sans',sans-serif;letter-spacing:-.04em;margin:6px 0 0}.asaf-home .project-meta b{position:absolute;left:18px;bottom:18px;font:700 10px 'Google Sans',sans-serif;color:#aaa}.asaf-home .projects-cta{display:flex;justify-content:center;gap:10px;margin-top:45px}.asaf-home .reference-contact{border:1px solid var(--line);border-radius:34px;margin-bottom:130px;padding:80px;grid-template-columns:.9fr 1.1fr;background:#09090b}.asaf-home .contact-intro p{color:#888;line-height:1.6;max-width:420px}.asaf-home .reference-contact .contact-form select{width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.16);background:transparent;padding:11px 0;outline:none}.asaf-home .reference-contact .contact-form option{background:#111}.asaf-home .reference-contact .submit{border-radius:999px}.asaf-home footer{width:var(--shell);margin:auto;padding-inline:0}.asaf-home .scroll-reveal{transform:translateY(34px) scale(.992)}.asaf-home .scroll-reveal.is-visible{transform:none}
@media(max-width:900px){.asaf-home .capsule-header{width:calc(100vw - 24px);height:62px;top:48px}.asaf-home .capsule-header nav{display:none}.asaf-home .header-cta{min-width:auto}.asaf-home .reference-hero{padding-top:180px}.asaf-home .reference-hero .hero-media{aspect-ratio:4/3;border-radius:22px}.asaf-home .client-row{justify-content:center}.asaf-home .statement-grid{grid-template-columns:1fr;gap:55px}.asaf-home .profile-card{max-width:560px;margin:auto}.asaf-home .service-grid,.asaf-home .process-grid{grid-template-columns:1fr}.asaf-home .service-card{min-height:330px}.asaf-home .all-in-one{grid-template-columns:1fr}.asaf-home .project-grid{grid-template-columns:1fr 1fr}.asaf-home .project-card.project-large{grid-column:1/-1}.asaf-home .projects-head{grid-template-columns:1fr;gap:30px}.asaf-home .reference-contact{margin:0 20px 100px;padding:50px 28px}.asaf-home .profile-card>div:last-child{display:block}.asaf-home .profile-card span{display:block;margin-top:6px}}@media(max-width:560px){.asaf-home .announce span,.asaf-home .announce i{display:none}.asaf-home .announce{font-size:11px}.asaf-home .capsule-header{padding-right:13px}.asaf-home .header-cta{font-size:12px;padding:11px 15px}.asaf-home .reference-hero h1{font-size:16vw}.asaf-home .reference-hero .hero-actions,.asaf-home .projects-cta{flex-direction:column;width:100%}.asaf-home .reference-hero .hero-media{width:calc(100vw - 24px);aspect-ratio:1;border-radius:18px}.asaf-home .client-proof{width:calc(100vw - 40px)}.asaf-home .project-grid{grid-template-columns:1fr}.asaf-home .project-card.project-large{grid-column:auto;aspect-ratio:1}.asaf-home .reference-contact{border-radius:24px}.asaf-home .statement-title{text-align:right}.asaf-home .center-heading{text-align:right}}
.secondary.filter-shown{display:block}.cms-preview{height:min(60vw,700px);border:1px solid var(--line)}.hero-reel{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:screen;opacity:.28;filter:saturate(1.4) contrast(1.15)}.brand,.hero h1,.page-hero h1{font-family:'Google Sans',sans-serif!important}
:root{--bg:#060608;--fg:#f5f4f1;--muted:#8d8c91;--line:rgba(255,255,255,.07);--hot:#ff4d19;--pad:max(22px,4vw);--max:1500px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--fg);font-family:'Google Sans',Arial,sans-serif;font-weight:300;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;background:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px);background-size:100% 5px;opacity:.16}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}.site-header{position:fixed;z-index:90;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:24px var(--pad);border-bottom:1px solid transparent;transition:.4s;background:linear-gradient(#060608dd,transparent)}.scrolled .site-header,.site-header:hover{border-color:var(--line);background:#060608e8;backdrop-filter:blur(16px)}.brand{font-family:'Google Sans',sans-serif;font-size:13px;font-weight:900;letter-spacing:-.03em}.site-header nav{display:flex;gap:28px;align-items:center;font-size:14px}.site-header nav a{color:#b8b7bb;transition:.25s}.site-header nav a:hover,.site-header nav a.active{color:#fff}.hero{min-height:100svh;padding:150px var(--pad) 70px;display:grid;place-items:center;align-content:center}.hero-copy{position:relative;z-index:2;text-align:center}.eyebrow{font:700 11px 'Google Sans',sans-serif;letter-spacing:.18em;color:#aaa9ae}.hero h1,.page-hero h1{font:900 clamp(3.3rem,9.2vw,10rem)/.83 'Google Sans',sans-serif;letter-spacing:-.075em;margin:20px 0;color:#f4f3f0}.hero-media{position:relative;width:min(1120px,91vw);aspect-ratio:4.1/1;margin:-1.8vw auto 0;overflow:hidden;border:1px solid var(--line);box-shadow:0 45px 100px #000}.media-sprite,.insta-grid i,.logo-application{background-image:url('media.webp');background-repeat:no-repeat;background-size:300% 200%;width:100%;height:100%}.sprite-chrome{background-position:0 0}.sprite-motion{background-position:50% 0}.sprite-box{background-position:100% 0}.sprite-blue{background-position:0 100%}.sprite-print{background-position:50% 100%}.sprite-person{background-position:100% 100%}.hero-media .media-sprite{filter:saturate(.9);transform:scale(1.04) translateY(calc(var(--sy,0)*.015px))}.media-shade{position:absolute;inset:0;background:linear-gradient(90deg,#060608cc,transparent 40%,#060608bb),linear-gradient(transparent 45%,#060608a8)}.sound-toggle{position:absolute;bottom:16px;left:18px;border:0;background:transparent;font:700 10px 'Google Sans',sans-serif;letter-spacing:.12em}.hero-actions{display:flex;gap:10px;margin-top:38px}.btn{min-width:215px;border:1px solid rgba(255,255,255,.16);background:transparent;padding:16px 20px;display:inline-flex;align-items:center;justify-content:space-between;font-weight:600;transition:.3s}.btn:hover{background:#fff;color:#050507;box-shadow:0 0 45px #ffffff21}.section{max-width:var(--max);margin:auto;padding:160px var(--pad)}.section-tight{max-width:var(--max);margin:auto;padding:40px var(--pad) 160px}.route-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px}.route-card{height:680px;position:relative;overflow:hidden;border:1px solid var(--line);padding:35px;display:flex;flex-direction:column;justify-content:space-between}.route-card .media-sprite{position:absolute;inset:0;z-index:0;filter:grayscale(.5) brightness(.55);transition:.8s}.route-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,#050507e6)}.route-card:hover .media-sprite{transform:scale(1.04);filter:grayscale(0) brightness(.75)}.route-card>*:not(.media-sprite){z-index:1}.route-no{font:700 11px 'Google Sans',sans-serif;letter-spacing:.13em}.route-card h2,.section-heading h2,.block-title h2{font-size:clamp(3rem,6vw,6.8rem);line-height:.9;letter-spacing:-.065em;margin:0 0 22px;font-weight:700}.route-card div>span{font-weight:600}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:65px}.section-heading>span,.block-title>span{font:700 11px 'Google Sans',sans-serif;letter-spacing:.15em;color:var(--muted)}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:320px;gap:10px}.work-card{position:relative;overflow:hidden;border:1px solid var(--line);grid-column:span 5}.work-card.work-wide{grid-column:span 7}.work-card.work-tall{grid-column:span 5;grid-row:span 2}.work-card .media-sprite{filter:brightness(.68);transition:.7s}.work-card:hover .media-sprite{transform:scale(1.04);filter:brightness(.86)}.work-meta{position:absolute;inset:auto 0 0;display:grid;grid-template-columns:1fr 1fr auto;align-items:end;padding:45px 22px 18px;background:linear-gradient(transparent,#050507dd)}.work-meta h3{font:900 16px 'Google Sans',sans-serif;letter-spacing:-.04em;margin:0}.work-meta p,.work-meta span{margin:0;color:#b2b1b5;font-size:13px}.manifesto{display:grid;grid-template-columns:.9fr 1.4fr;direction:rtl;gap:9vw;align-items:center;border-top:1px solid var(--line)}.portrait-wrap{text-align:center}.portrait{width:min(420px,70vw);aspect-ratio:1;border-radius:50%;margin:auto;filter:grayscale(1);background-size:300% 200%}.portrait-wrap>span{display:block;margin-top:25px;font:700 10px/1.7 'Google Sans',sans-serif;letter-spacing:.15em;color:var(--muted)}.manifesto-copy p{font-size:clamp(1.55rem,2.6vw,3rem);line-height:1.35;margin:30px 0 0}.manifesto-copy strong{font-weight:700}.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;border-top:1px solid var(--line)}.contact .section-heading{display:block}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:38px 18px}.contact-form label,.admin-panel label{display:flex;flex-direction:column;gap:8px}.contact-form label span,.admin-panel label span{color:#aaa;font-size:13px}.contact-form input,.contact-form textarea,.admin-panel input,.admin-panel textarea,.admin-panel select{width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.16);background:transparent;padding:11px 0;outline:none;transition:.3s}.contact-form input:focus,.contact-form textarea:focus,.admin-panel input:focus,.admin-panel textarea:focus,.admin-panel select:focus{border-color:#fff;box-shadow:0 8px 18px -13px #fff}.contact-form .full{grid-column:1/-1}.contact-form .submit{grid-column:1/-1;border:1px solid rgba(255,255,255,.16);cursor:pointer}.success{display:none;color:#a8d5b0}.sent .success{display:block}footer{border-top:1px solid var(--line);padding:32px var(--pad);display:flex;justify-content:space-between;color:#8f8e93;font-size:12px}.float{position:fixed;bottom:22px;z-index:80;width:48px;height:48px;border-radius:50%;display:grid;place-items:center}.whatsapp{right:22px;background:#f2f1ed;color:#060608;font:900 11px 'Google Sans',sans-serif}.back-top{left:22px;background:#ffffff0b;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(16px);cursor:pointer;font-size:21px}.scroll-reveal{opacity:0;transform:translateY(42px) scale(.985);transition:opacity 1.15s cubic-bezier(.16,1,.3,1),transform 1.15s cubic-bezier(.16,1,.3,1)}.scroll-reveal.is-visible{opacity:1;transform:none}.page-hero{min-height:78vh;padding:190px var(--pad) 100px;display:flex;flex-direction:column;justify-content:flex-end;border-bottom:1px solid var(--line)}.page-hero h1{margin:15px 0 25px}.page-hero p{font-size:19px;color:#aaa}.filters{display:flex;gap:8px;flex-wrap:wrap;padding:45px 0 75px;position:sticky;top:62px;z-index:50;background:#060608e8;backdrop-filter:blur(10px)}.filters button{border:1px solid var(--line);background:transparent;padding:11px 18px;cursor:pointer;color:#8e8d92;transition:.25s}.filters button.active,.filters button:hover{background:#f0efeb;color:#08080a}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.video-card{position:relative;aspect-ratio:9/16;overflow:hidden;border:1px solid var(--line);cursor:pointer}.video-card.wide{grid-column:1/-1;aspect-ratio:16/9}.video-card>.media-sprite{filter:brightness(.7);transition:.5s}.video-card:hover>.media-sprite{transform:scale(1.03);filter:brightness(.45)}.video-card>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}.card-index{position:absolute;z-index:3;bottom:0;left:0;right:0;padding:55px 16px 16px;background:linear-gradient(transparent,#000c);font:900 14px 'Google Sans',sans-serif;letter-spacing:-.03em}.card-index span{float:right;font-size:10px;color:#aaa;letter-spacing:.08em}.filtered{display:none!important}.secondary{display:none}.secondary.shown{display:block}.more-trigger{display:block;margin:70px auto 0;background:transparent;border:0;border-bottom:1px solid #aaa;padding:10px 3px;cursor:pointer}.more-trigger span{margin-right:10px}.lightbox{position:fixed;z-index:200;inset:0;background:#030304f5;display:grid;place-items:center;opacity:0;visibility:hidden;transition:.35s}.lightbox.open{opacity:1;visibility:visible}.lightbox-stage{width:min(1200px,88vw)}.lightbox video{width:100%;max-height:78vh;background:#000}.lightbox-title{margin-top:12px;font:900 13px 'Google Sans',sans-serif}.lightbox-close{position:absolute;top:28px;right:32px;border:0;background:transparent;font-size:35px;cursor:pointer}.design-block{padding:110px 0;border-top:1px solid var(--line)}.block-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:45px}.insta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:1100px;margin:auto}.insta-grid i{display:block;aspect-ratio:1;background-size:300% 200%}.brand-slider{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:18px;direction:ltr}.brand-slider article{min-width:min(75vw,1050px);scroll-snap-align:start}.brand-slider .media-sprite{aspect-ratio:16/9}.brand-slider b{display:block;margin-top:14px;font:900 13px 'Google Sans',sans-serif}.logo-showcase{display:grid;grid-template-columns:1fr 1.4fr 1fr;min-height:500px;gap:8px}.logo-application{filter:brightness(.6)}.master-mark{display:grid;place-items:center;background:#efeee9;color:#070709;font:900 clamp(5rem,12vw,12rem)/1 'Google Sans',sans-serif;letter-spacing:-.1em}.master-mark span{color:var(--hot)}.process{max-width:780px;font-size:21px;line-height:1.65;margin:50px auto 0}.browser-frame{display:block;border:1px solid var(--line);position:relative}.browser-frame .media-sprite{aspect-ratio:16/8}.browser-bar{height:42px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid var(--line);direction:ltr}.browser-bar i{width:7px;height:7px;border-radius:50%;background:#555}.browser-bar span{margin:auto;font:700 9px 'Google Sans',sans-serif;color:#777}.browser-frame strong{position:absolute;bottom:20px;left:20px;font:900 12px 'Google Sans',sans-serif}.print-pair{display:grid;grid-template-columns:1fr 1fr;height:650px;gap:8px}.admin-body{min-height:100vh}.admin-status{font-size:12px;color:#888}.admin-status i{display:inline-block;width:7px;height:7px;background:#69c779;border-radius:50%;margin-left:6px}.admin-shell{padding:150px var(--pad) 100px;display:grid;grid-template-columns:minmax(260px,.65fr) 1.35fr;gap:8vw}.admin-side{position:sticky;top:150px;align-self:start}.admin-side h1{font-size:clamp(3rem,6vw,6rem);line-height:.9;letter-spacing:-.06em;margin:24px 0}.admin-side p{color:#9b9a9e;max-width:330px}.admin-count{margin-top:70px;border-top:1px solid var(--line);padding-top:20px}.admin-count strong{font:900 50px 'Google Sans',sans-serif;display:block}.admin-count span{color:#888}.admin-panel{border:1px solid var(--line);padding:clamp(22px,4vw,55px)}.panel-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:35px}.panel-head h2{margin:0;font-size:27px}.text-btn{border:0;background:transparent;color:#888;cursor:pointer}.form-grid,.context-fields{display:grid;grid-template-columns:1fr 1fr;gap:28px 18px}.admin-panel select{color:#ccc}.admin-panel option{background:#111}.context-fields{margin:45px 0}.context-fields h3{grid-column:1/-1;font-size:16px}.classification-note{border:1px solid var(--line);padding:16px;color:#8e8d91;font-size:13px;margin:35px 0}.admin-panel .submit{width:100%;cursor:pointer}.saved-projects{margin-top:100px}.project-list article{display:grid;grid-template-columns:50px 1fr 35px;align-items:center;border-bottom:1px solid var(--line);padding:18px 0}.item-no{font:700 11px 'Google Sans',sans-serif;color:#666}.project-list b{display:block}.project-list small{color:#777}.project-list button{border:0;background:transparent;font-size:20px;cursor:pointer}.empty{color:#777}
@media(max-width:850px){.site-header{padding:20px}.site-header nav{gap:15px}.hero{padding-inline:18px}.hero h1{font-size:14vw}.hero-media{aspect-ratio:2.1/1;margin-top:-1vw}.hero-actions{width:100%;flex-direction:column}.btn{width:100%}.section{padding:105px 20px}.route-grid,.manifesto,.contact,.admin-shell{grid-template-columns:1fr}.route-card{height:480px}.bento-grid{display:block}.work-card{height:420px;margin-bottom:8px}.work-card.work-tall{height:600px}.section-heading{display:block}.section-heading>span{display:block;margin-bottom:18px}.manifesto{gap:60px}.contact{gap:35px}.contact-form{grid-template-columns:1fr}.contact-form label{grid-column:1/-1}.page-hero{padding:150px 20px 70px;min-height:65vh}.filters{top:57px;padding:25px 0 45px}.video-grid{grid-template-columns:1fr 1fr}.video-card.wide{grid-column:1/-1}.brand-slider article{min-width:86vw}.logo-showcase{grid-template-columns:1fr 1fr}.master-mark{grid-column:1/-1;grid-row:1;height:320px}.print-pair{height:700px;grid-template-columns:1fr}.admin-shell{padding:120px 20px}.admin-side{position:static}.form-grid,.context-fields{grid-template-columns:1fr}}@media(max-width:520px){.site-header nav a:first-child{display:none}.hero h1{font-size:15vw}.route-grid{grid-template-columns:1fr}.route-card{height:420px}.video-grid{grid-template-columns:1fr}.video-card.reel{aspect-ratio:9/13}.insta-grid{gap:3px}.logo-showcase{display:block}.logo-application{height:300px}.master-mark{height:300px}.work-meta{grid-template-columns:1fr auto}.work-meta p{display:none}footer{gap:15px;flex-direction:column}.float{bottom:14px}.whatsapp{right:14px}.back-top{left:14px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.scroll-reveal{opacity:1;transform:none}}

/* Global theme and accessibility controls */
html{color-scheme:dark}html[data-theme="light"]{color-scheme:light;--bg:#f4f3ef;--fg:#101012;--muted:#626167;--line:rgba(10,10,12,.12)}html[data-font-scale="1"]{font-size:112.5%}html[data-font-scale="2"]{font-size:125%}
.header-tools{display:flex;align-items:center;gap:8px}.theme-toggle{width:42px;height:42px;min-width:42px;padding:0;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:50%!important;background:rgba(255,255,255,.055);color:#f5f4f1;cursor:pointer;transition:background .25s,border-color .25s,transform .25s}.theme-toggle:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28);transform:rotate(8deg)}.theme-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.site-header nav .theme-toggle{margin-inline-start:-12px}.asaf-home .header-tools .header-cta{min-width:122px}.asaf-home .header-tools .theme-toggle{flex:0 0 42px}
.skip-link{position:fixed;z-index:500;top:10px;right:12px;padding:13px 19px;border-radius:999px;background:#fff;color:#050507;font-weight:700;transform:translateY(-160%);transition:transform .2s}.skip-link:focus{transform:translateY(0)}
:where(a,button,input,textarea,select,[tabindex]):focus-visible{outline:3px solid #79a8ff!important;outline-offset:4px!important}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.a11y-widget{position:fixed;z-index:240;left:18px;bottom:84px;direction:rtl}.a11y-toggle{width:48px;height:48px;padding:0;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:50%!important;background:rgba(15,15,18,.82);color:#fff;box-shadow:0 14px 40px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.15);backdrop-filter:blur(22px);cursor:pointer}.a11y-toggle svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.a11y-panel{position:absolute;left:0;bottom:60px;width:min(340px,calc(100vw - 28px));padding:18px;border:1px solid rgba(255,255,255,.15);border-radius:26px;background:rgba(12,12,15,.96);color:#f7f6f2;box-shadow:0 30px 90px rgba(0,0,0,.55);backdrop-filter:blur(28px) saturate(135%)}.a11y-panel[hidden]{display:none}.a11y-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:4px 4px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.a11y-panel-head span{font-size:9px;letter-spacing:.16em;color:#888}.a11y-panel-head h2{margin:5px 0 0;font-size:23px!important;line-height:1.1;letter-spacing:-.04em;color:#fff}.a11y-close{width:36px;height:36px;padding:0;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#fff;font-size:23px;cursor:pointer}.a11y-panel>[data-a11y],.a11y-font-controls{width:100%;min-height:48px;margin-top:8px;padding:10px 13px;display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.1);border-radius:15px!important;background:rgba(255,255,255,.045);color:#efeeeb;text-align:right;cursor:pointer}.a11y-panel>[data-a11y]:hover,.a11y-panel>[data-a11y][aria-pressed="true"]{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.23)}.a11y-control-icon{width:24px;text-align:center;font-weight:700}.a11y-font-controls{justify-content:space-between;cursor:default}.a11y-font-controls>button{width:42px;height:36px;padding:0;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);color:#fff;cursor:pointer}.a11y-font-controls>button:last-child{font-size:18px}.a11y-panel .a11y-reset{justify-content:center;color:#aaa}.a11y-statement{min-height:44px;margin-top:9px;padding:10px 5px 2px;display:flex;justify-content:space-between;align-items:center;color:#bbb;font-size:13px}.a11y-statement:hover{color:#fff}
.a11y-links a:not(.btn):not(.header-cta){text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:4px!important}.a11y-grayscale body>*:not(.a11y-widget){filter:grayscale(1)}.a11y-reduce-motion *,.a11y-reduce-motion *:before,.a11y-reduce-motion *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.a11y-reduce-motion .scroll-reveal,.a11y-reduce-motion .title-enter{opacity:1!important;transform:none!important;filter:none!important}.a11y-contrast{--line:currentColor}.a11y-contrast body{background:#000!important;color:#fff!important}.a11y-contrast :where(p,span,a,button,label,h1,h2,h3,strong){color:#fff!important}.a11y-contrast :where(.glass-panel,.service-card,.process-card,.profile-card,.reference-contact,.portfolio-contact,.related-grid a,.archive-card,.web-project-card){background:#000!important;border:2px solid #fff!important;box-shadow:none!important}.a11y-contrast .btn,.a11y-contrast input,.a11y-contrast textarea,.a11y-contrast select{border:2px solid #fff!important}.a11y-contrast .a11y-panel{border:2px solid #fff!important}

html[data-theme="light"] body,html[data-theme="light"] .asaf-home{background:#f4f3ef!important;color:#101012}html[data-theme="light"] body:before{background:linear-gradient(rgba(0,0,0,.025) 1px,transparent 1px)}html[data-theme="light"] :where(h1,h2,h3,strong){color:#111114}html[data-theme="light"] :where(p,.eyebrow,.category-head p,.archive-project-heading p,.archive-section-head p,.story-block p,.portfolio-contact p,.related-grid b){color:#65646a}html[data-theme="light"] .site-header{background:linear-gradient(rgba(244,243,239,.94),rgba(244,243,239,.6),transparent)}html[data-theme="light"] .scrolled .site-header,html[data-theme="light"] .site-header:hover{background:rgba(244,243,239,.9);border-color:rgba(0,0,0,.12)}html[data-theme="light"] .site-header nav a{color:#55545a}html[data-theme="light"] .site-header nav a:hover,html[data-theme="light"] .site-header nav a.active{color:#08080a}html[data-theme="light"] .theme-toggle{border-color:rgba(0,0,0,.14);background:rgba(255,255,255,.62);color:#111114}html[data-theme="light"] .asaf-home .capsule-header{background:rgba(244,243,239,.84);border-color:rgba(0,0,0,.12);box-shadow:0 18px 50px rgba(20,20,25,.12)}html[data-theme="light"] .asaf-home.scrolled .capsule-header{background:rgba(244,243,239,.94);border-color:rgba(0,0,0,.16)}
html[data-theme="light"] :where(.glass-panel,.service-card,.process-card,.profile-card,.all-in-one,.reference-contact,.portfolio-contact,.related-grid a,.web-project-card,.archive-card,.strip-card,.manual-carousel,.admin-panel,.classification-note,.logo-showcase){background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,255,255,.43))!important;border-color:rgba(0,0,0,.11)!important;box-shadow:0 24px 70px rgba(20,20,25,.1),inset 0 1px 0 #fff!important}html[data-theme="light"] .asaf-home .service-card:hover{background:#fff!important;border-color:rgba(0,0,0,.18)!important}html[data-theme="light"] .asaf-home .all-in-one{background:linear-gradient(100deg,#fff,#eae9e5)!important}html[data-theme="light"] .portfolio-dock{background:rgba(248,247,243,.86);border-color:rgba(0,0,0,.12);box-shadow:0 20px 55px rgba(20,20,25,.12),inset 0 1px 0 #fff}html[data-theme="light"] .portfolio-dock a{color:#65646a}html[data-theme="light"] .portfolio-dock a:hover{color:#08080a}html[data-theme="light"] .portfolio-dock a.active{background:#111114;color:#fff}html[data-theme="light"] .filters{background:rgba(244,243,239,.9)}
html[data-theme="light"] :where(.btn,.project-action,.tag,.tag-row span){border-color:rgba(0,0,0,.17);color:#17171a}html[data-theme="light"] .btn:hover{background:#111114;color:#fff;box-shadow:0 15px 40px rgba(20,20,25,.16)}html[data-theme="light"] :where(.btn-fill,.service-link,.header-cta,.archive-back,.portfolio-contact-actions .btn-fill),html[data-theme="light"] .asaf-home .hero-actions .btn,html[data-theme="light"] .asaf-home .projects-cta .btn{background:#111114!important;color:#fff!important;border-color:#111114!important;box-shadow:0 14px 34px rgba(20,20,25,.16)!important}html[data-theme="light"] :where(.btn-fill,.service-link,.header-cta,.archive-back,.portfolio-contact-actions .btn-fill) span,html[data-theme="light"] .asaf-home .hero-actions .btn span,html[data-theme="light"] .asaf-home .projects-cta .btn span{color:#fff!important}html[data-theme="light"] .asaf-home .hero-actions .btn:last-child{background:transparent!important;color:#56555b!important;border-color:rgba(0,0,0,.2)!important}html[data-theme="light"] .asaf-home h1 em,html[data-theme="light"] .asaf-home h2 em{color:#4e5668!important}
html[data-theme="light"] :where(.contact-form input,.contact-form textarea,.contact-form select,.admin-panel input,.admin-panel textarea,.admin-panel select){background:rgba(255,255,255,.65)!important;border-color:rgba(0,0,0,.13)!important;color:#111114!important}html[data-theme="light"] :where(.contact-form input,.contact-form textarea,.contact-form select,.admin-panel input,.admin-panel textarea,.admin-panel select):focus{background:#fff!important;border-color:rgba(0,0,0,.35)!important;box-shadow:0 0 0 4px rgba(0,0,0,.04)!important}html[data-theme="light"] .admin-panel option,html[data-theme="light"] .reference-contact .contact-form option{background:#fff;color:#111114}html[data-theme="light"] footer{color:#65646a;border-color:rgba(0,0,0,.12)}html[data-theme="light"] .back-top{background:rgba(255,255,255,.78)!important;border-color:rgba(0,0,0,.16)!important;color:#111114;box-shadow:0 10px 35px rgba(20,20,25,.12)}html[data-theme="light"] .archive-image{background:rgba(255,255,255,.7);border-color:rgba(0,0,0,.12);box-shadow:0 20px 55px rgba(20,20,25,.11)}html[data-theme="light"] .archive-slider-arrow{background:rgba(248,247,243,.88);border-color:rgba(0,0,0,.15);color:#111114}html[data-theme="light"] .a11y-toggle{background:rgba(255,255,255,.9);color:#111114;border-color:rgba(0,0,0,.15);box-shadow:0 14px 35px rgba(20,20,25,.15)}
html[data-theme="light"] :where(.project-meta,.work-meta,.card-index,.route-card div,.archive-lightbox,.lightbox) h1,html[data-theme="light"] :where(.project-meta,.work-meta,.card-index,.route-card div,.archive-lightbox,.lightbox) h2,html[data-theme="light"] :where(.project-meta,.work-meta,.card-index,.route-card div,.archive-lightbox,.lightbox) h3{color:#fff}html[data-theme="light"] .asaf-home .project-card .project-meta:before{background:linear-gradient(to bottom,transparent 0%,rgba(5,5,8,.2) 32%,rgba(5,5,8,.9) 82%)}

@media(max-width:900px){.asaf-home .header-tools{margin-inline-start:auto}.asaf-home .header-tools .header-cta{min-width:auto}.site-header nav .theme-toggle{margin-inline-start:0}.a11y-widget{left:14px;bottom:72px}}
@media(max-width:560px){.theme-toggle{width:38px;height:38px;min-width:38px}.asaf-home .header-tools{gap:5px}.asaf-home .header-tools .header-cta{padding-inline:12px}.a11y-panel{left:-4px}.a11y-toggle{width:44px;height:44px}}

/* Light theme polish and contrast corrections */
.a11y-widget{left:22px;bottom:82px}.site-header nav a.active{padding:9px 15px;border:1px solid #f1f0ec;border-radius:999px;background:#f1f0ec;box-shadow:0 8px 24px rgba(0,0,0,.22);color:#08080a}.asaf-home h1 em,.asaf-home h2 em{color:#c1cada!important}.asaf-home h1 em:before,.asaf-home h2 em:before{background:linear-gradient(90deg,rgba(111,137,190,.2),rgba(151,171,214,.42))}
html[data-theme="light"]{--bg:#f1f4f8;--fg:#11141a;--muted:#5f6672;--line:rgba(72,91,119,.14)}html[data-theme="light"] body,html[data-theme="light"] .asaf-home{background-color:#f1f4f8!important;background-image:radial-gradient(circle at 18% 8%,rgba(200,220,246,.38),transparent 29%),radial-gradient(circle at 84% 34%,rgba(222,234,249,.48),transparent 31%),linear-gradient(145deg,#f7f8fa 0%,#eef2f7 55%,#f8f8f6 100%)!important;background-attachment:fixed}html[data-theme="light"] body:before{background:linear-gradient(rgba(89,111,143,.035) 1px,transparent 1px)}
html[data-theme="light"] :where(p,.eyebrow,.category-head p,.archive-project-heading p,.archive-section-head p,.story-block p,.portfolio-contact p,.related-grid b){color:#5f6876}html[data-theme="light"] .asaf-home h1 em,html[data-theme="light"] .asaf-home h2 em{color:#536078!important}html[data-theme="light"] .asaf-home h1 em:before,html[data-theme="light"] .asaf-home h2 em:before{background:linear-gradient(90deg,rgba(163,190,225,.32),rgba(190,210,237,.72))}html[data-theme="light"] .asaf-home .statement-copy strong{color:#171b22!important}
html[data-theme="light"] :where(.glass-panel,.service-card,.process-card,.profile-card,.all-in-one,.reference-contact,.portfolio-contact,.related-grid a,.web-project-card,.archive-card,.strip-card,.manual-carousel,.admin-panel,.classification-note,.logo-showcase){background:linear-gradient(145deg,rgba(255,255,255,.78) 0%,rgba(231,240,251,.5) 48%,rgba(255,255,255,.42) 100%)!important;border-color:rgba(105,130,166,.2)!important;box-shadow:0 28px 80px rgba(62,83,111,.13),inset 0 1px 0 rgba(255,255,255,.96),inset 0 -1px 0 rgba(130,159,197,.08)!important;-webkit-backdrop-filter:blur(28px) saturate(145%);backdrop-filter:blur(28px) saturate(145%)}html[data-theme="light"] :where(.glass-panel,.service-card,.process-card,.profile-card,.reference-contact,.portfolio-contact,.related-grid a,.web-project-card,.archive-card,.strip-card,.manual-carousel){position:relative}html[data-theme="light"] :where(.service-card,.process-card,.profile-card,.reference-contact,.portfolio-contact,.related-grid a,.web-project-card,.archive-card,.strip-card,.manual-carousel):after{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.5),transparent 28%,rgba(181,207,239,.1) 72%,transparent);mix-blend-mode:screen}html[data-theme="light"] .asaf-home .service-card:hover{background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(223,236,251,.7))!important;border-color:rgba(93,122,161,.3)!important;box-shadow:0 34px 90px rgba(63,87,119,.17),inset 0 1px 0 #fff!important}
html[data-theme="light"] .site-header{background:linear-gradient(rgba(241,244,248,.94),rgba(241,244,248,.65),transparent)}html[data-theme="light"] .scrolled .site-header,html[data-theme="light"] .site-header:hover{background:rgba(240,244,249,.88);border-color:rgba(88,108,137,.16)}html[data-theme="light"] .asaf-home .capsule-header{background:linear-gradient(110deg,rgba(255,255,255,.82),rgba(221,232,247,.62));border-color:rgba(103,128,162,.2);box-shadow:0 22px 60px rgba(52,72,99,.17),inset 0 1px 0 #fff}html[data-theme="light"] .asaf-home.scrolled .capsule-header{background:rgba(241,245,250,.92);border-color:rgba(83,107,140,.22)}html[data-theme="light"] .portfolio-dock{background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(224,235,249,.72));border-color:rgba(93,118,151,.2);box-shadow:0 22px 65px rgba(55,76,104,.14),inset 0 1px 0 #fff}
html[data-theme="light"] .site-header nav a.active{background:#11151c;color:#fff!important;border-color:#11151c;box-shadow:0 8px 24px rgba(31,42,57,.17)}html[data-theme="light"] .service-link i,html[data-theme="light"] .all-in-one .btn>span,html[data-theme="light"] .category-more.btn>span,html[data-theme="light"] .portfolio-contact-actions .btn-fill>span,html[data-theme="light"] .archive-back>span{color:#fff!important}html[data-theme="light"] .portfolio-contact-actions .btn-fill{background:#11151c!important;color:#fff!important;border-color:#11151c!important;box-shadow:0 15px 38px rgba(35,48,65,.18)!important}
html[data-theme="light"] .brand-slide{background:#10141b;border-color:rgba(114,144,182,.28);box-shadow:0 22px 60px rgba(42,57,78,.18)}html[data-theme="light"] .brand-slide h3,html[data-theme="light"] .brand-slide .tag,html[data-theme="light"] .brand-slide a{color:#fff!important}html[data-theme="light"] .brand-slide .tag,html[data-theme="light"] .brand-slide a{border-color:rgba(255,255,255,.22)}html[data-theme="light"] .brand-slide a:hover{background:#fff;color:#10141b!important}html[data-theme="light"] .carousel-arrow{background:rgba(245,249,255,.88);border-color:rgba(84,109,144,.22);color:#11151c;box-shadow:0 12px 32px rgba(43,61,84,.14)}html[data-theme="light"] .carousel-arrow:hover{background:#11151c;color:#fff}
html[data-theme="light"] .strip-card{background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(224,235,249,.54))!important;border-color:rgba(91,119,156,.2)!important;box-shadow:0 18px 55px rgba(56,76,103,.12),inset 0 1px 0 #fff!important}html[data-theme="light"] .strip-card:hover{border-color:rgba(78,108,148,.34)!important;box-shadow:0 28px 72px rgba(51,72,100,.17),inset 0 1px 0 #fff!important}html[data-theme="light"] .tag,html[data-theme="light"] .tag-row span{background:rgba(220,232,247,.54);border-color:rgba(79,107,145,.18);color:#39475a}
html[data-theme="light"] .a11y-toggle,html[data-theme="light"] .back-top{background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(221,234,250,.78))!important;border-color:rgba(79,105,140,.22)!important;box-shadow:0 14px 38px rgba(48,69,96,.16),inset 0 1px 0 #fff!important;color:#121821}
html[data-theme="light"] .a11y-panel{
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(228,239,252,.86))!important;
  color:#11151c!important;
  border-color:rgba(80,106,140,.2)!important;
  box-shadow:0 28px 80px rgba(48,69,96,.2),inset 0 1px 0 rgba(255,255,255,.96)!important;
}
html[data-theme="light"] .a11y-panel-head{
  border-bottom-color:rgba(20,30,45,.12)!important;
}
html[data-theme="light"] .a11y-panel-head span{
  color:#687285!important;
}
html[data-theme="light"] .a11y-panel-head h2,
html[data-theme="light"] .a11y-control-icon{
  color:#11151c!important;
}
html[data-theme="light"] .a11y-close,
html[data-theme="light"] .a11y-panel>[data-a11y],
html[data-theme="light"] .a11y-font-controls,
html[data-theme="light"] .a11y-font-controls>button{
  background:rgba(255,255,255,.58)!important;
  color:#11151c!important;
  border-color:rgba(80,106,140,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7)!important;
}
html[data-theme="light"] .a11y-panel>[data-a11y]:hover,
html[data-theme="light"] .a11y-panel>[data-a11y][aria-pressed="true"],
html[data-theme="light"] .a11y-font-controls>button:hover{
  background:#11151c!important;
  color:#fff!important;
  border-color:#11151c!important;
}
html[data-theme="light"] .a11y-panel .a11y-reset,
html[data-theme="light"] .a11y-statement{
  color:#4f5b6f!important;
}
html[data-theme="light"] .a11y-statement:hover{
  color:#11151c!important;
}
@media(max-width:900px){.a11y-widget{left:14px;bottom:72px}}@media(max-width:520px){.site-header nav a.active{padding:8px 11px}}

/* Final layout and media refinements */
.asaf-home .capsule-header{overflow:hidden;isolation:isolate;background-color:rgba(11,14,19,.78)!important;background-image:none!important;border-color:rgba(255,255,255,.14)!important;box-shadow:0 20px 60px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.13)!important;-webkit-backdrop-filter:blur(28px) saturate(145%);backdrop-filter:blur(28px) saturate(145%)}.asaf-home.scrolled .capsule-header{background-color:rgba(9,12,16,.9)!important}.asaf-home .capsule-header nav a{padding:9px 14px;border:1px solid transparent;border-radius:999px;transition:background .25s,color .25s,border-color .25s,box-shadow .25s}.asaf-home .capsule-header nav a.active{background:#f1f0ec;color:#08080a;border-color:#f1f0ec;box-shadow:0 8px 22px rgba(0,0,0,.24)}
html[data-theme="light"] .asaf-home .capsule-header{background-color:rgba(241,246,252,.82)!important;background-image:none!important;border-color:rgba(91,117,151,.21)!important;box-shadow:0 22px 65px rgba(48,68,94,.16),inset 0 1px 0 rgba(255,255,255,.98)!important}html[data-theme="light"] .asaf-home.scrolled .capsule-header{background-color:rgba(240,245,251,.94)!important}html[data-theme="light"] .asaf-home .capsule-header nav a.active{background:#11151c;color:#fff!important;border-color:#11151c;box-shadow:0 8px 24px rgba(31,42,57,.17)}
.asaf-home .statement-title{width:100%;max-width:none!important;margin:0 0 66px!important;text-align:right!important}.asaf-home .statement-title .eyebrow{display:block;text-align:right}.asaf-home .statement-title h2{max-width:900px;margin-right:0!important;margin-left:auto!important;text-align:right}.statement-title .heading-line{white-space:normal!important}.asaf-home .all-in-one{background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018) 38%,rgba(255,255,255,.035))!important;border-color:rgba(255,255,255,.11)!important;box-shadow:var(--glass-shadow)!important;-webkit-backdrop-filter:blur(24px) saturate(140%);backdrop-filter:blur(24px) saturate(140%)}html[data-theme="light"] .asaf-home .all-in-one{background:linear-gradient(145deg,rgba(255,255,255,.78) 0%,rgba(231,240,251,.5) 48%,rgba(255,255,255,.42) 100%)!important;border-color:rgba(105,130,166,.2)!important;box-shadow:0 28px 80px rgba(62,83,111,.13),inset 0 1px 0 rgba(255,255,255,.96)!important}
.contact-form-side>.eyebrow,.direct-contact>.eyebrow{width:100%;min-height:0!important;margin:0 0 12px;text-align:right!important}.contact-form-side h2,.direct-contact h2{margin-top:0!important}.category-head .eyebrow{display:block;margin-bottom:10px}
html[data-theme="light"] .category-more.btn{background:rgba(218,231,248,.72)!important;color:#11151c!important;border-color:rgba(80,108,145,.2)!important;box-shadow:0 12px 32px rgba(58,78,105,.12),inset 0 1px 0 #fff!important}html[data-theme="light"] .category-more.btn>span{color:#11151c!important}
.archive-hero .eyebrow{display:block;margin:0 0 11px}.archive-hero h1{margin:0 0 22px!important}.archive-section-head{display:flex!important;flex-direction:column;align-items:flex-start;gap:0!important}.archive-section-head .eyebrow{margin-bottom:10px}.archive-section-head h2{margin:0!important}.archive-section-head p{margin-top:18px!important}.archive-project-heading .tag{margin-bottom:10px}
body:is([data-archive-type="brand"],[data-archive-type="presentations"],[data-archive-type="logos"]) .archive-image{border-radius:14px!important}body:is([data-archive-type="brand"],[data-archive-type="presentations"],[data-archive-type="logos"]) .archive-image .media-sprite{aspect-ratio:16/9!important;border-radius:10px!important}.archive-insta-grid .archive-image{aspect-ratio:1;border-radius:10px!important;padding:5px}.archive-insta-grid .archive-image .media-sprite{width:100%;height:100%;aspect-ratio:1!important;border-radius:10px!important}
body[data-archive-type="uxui"] .archive-story{grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);align-items:center}body[data-archive-type="uxui"] .archive-story:nth-child(even){grid-template-columns:minmax(300px,.72fr) minmax(0,1fr)}body[data-archive-type="uxui"] .archive-story-media .archive-image{height:auto;aspect-ratio:1;border-radius:18px!important}body[data-archive-type="uxui"] .archive-story-media .archive-image .media-sprite{height:auto;min-height:0;aspect-ratio:1!important;border-radius:12px!important}body[data-archive-type="uxui"] .archive-story-copy{min-width:0}body[data-archive-type="uxui"] .archive-story-copy h2{max-width:100%;font-size:clamp(2rem,3.8vw,4rem);overflow-wrap:anywhere;word-break:normal;margin-bottom:28px}body[data-archive-type="uxui"] .ux-summary{margin-top:0;padding-top:0;border-top:0}body[data-archive-type="uxui"] .ux-summary p{font-size:17px;line-height:1.7}
.video-card .card-index{isolation:isolate;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.video-card .card-index:before{content:"";position:absolute;z-index:-1;inset:-78px 0 0;background:linear-gradient(to bottom,transparent 0%,rgba(5,5,8,.18) 32%,rgba(5,5,8,.88) 84%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.16) 24%,#000 64%);mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.16) 24%,#000 64%);pointer-events:none}
@media(max-width:850px){body[data-archive-type="uxui"] .archive-story,body[data-archive-type="uxui"] .archive-story:nth-child(even){grid-template-columns:1fr}.asaf-home .statement-title h2{max-width:100%}}@media(max-width:560px){.asaf-home .capsule-header nav a{padding:8px 11px}.archive-section-head{align-items:stretch}.archive-section-head .eyebrow,.archive-section-head h2,.archive-section-head p{text-align:right}}

/* Hierarchy and responsive highlight refinements */
.asaf-home .statement-title h2 em{display:inline;padding-inline:.035em;-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:linear-gradient(90deg,rgba(111,137,190,.2),rgba(151,171,214,.42));background-repeat:no-repeat;background-position:100% 69%;background-size:0 .34em}.asaf-home .statement-title h2 em:before{display:none!important}.asaf-home .statement-title h2.title-visible em{animation:statement-highlight 1.05s cubic-bezier(.16,1,.3,1) 1s forwards}@keyframes statement-highlight{to{background-size:100% .34em}}html[data-theme="light"] .asaf-home .statement-title h2 em{background-image:linear-gradient(90deg,rgba(163,190,225,.34),rgba(190,210,237,.75))}
.category-head .eyebrow,.archive-hero .eyebrow,.archive-section-head .eyebrow,.portfolio-contact .eyebrow,.projects-head .eyebrow,.contact-form-side>.eyebrow,.direct-contact>.eyebrow{display:block;width:100%;direction:ltr;text-align:right!important}.archive-hero{border-bottom:1px solid var(--line);margin-bottom:80px}.archive-body .site-header nav a[href="index.html#contact"]{padding:11px 19px;border:1px solid #f1f0ec;border-radius:999px;background:#f1f0ec;color:#08080a!important;font-weight:700;box-shadow:0 10px 30px rgba(0,0,0,.24)}html[data-theme="light"] .archive-body .site-header nav a[href="index.html#contact"]{background:#11151c;color:#fff!important;border-color:#11151c;box-shadow:0 10px 28px rgba(31,42,57,.17)}html[data-theme="dark"] .asaf-home .process-card>span{color:#f3f2ee!important}html[data-theme="light"] .asaf-home .process-card>span{color:#344158!important}
@media(prefers-reduced-motion:reduce){.asaf-home .statement-title h2 em{background-size:100% .34em!important;animation:none!important}}@media(max-width:700px){.archive-hero{margin-bottom:55px}.archive-body .site-header nav a[href="index.html#contact"]{padding:9px 13px}}

/* Unified landing-page and product-case layouts */
.archive-body .archive-hero{width:calc(100% + var(--pad)*2);max-width:none;margin-inline:calc(var(--pad)*-1);padding-inline:var(--pad)}.archive-body .archive-hero h1,.archive-body .archive-hero p{max-width:950px}.story-tags{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.story-tags .tag{font-size:10px;padding:7px 11px}
body:is([data-archive-type="uxui"],[data-archive-type="web"]) .archive-story{grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);align-items:center}body:is([data-archive-type="uxui"],[data-archive-type="web"]) .archive-story:nth-child(even){grid-template-columns:minmax(300px,.72fr) minmax(0,1fr)}body:is([data-archive-type="uxui"],[data-archive-type="web"]) .archive-story-media .archive-image{height:auto;aspect-ratio:1;border-radius:18px!important}body:is([data-archive-type="uxui"],[data-archive-type="web"]) .archive-story-media .archive-image .media-sprite{height:auto;min-height:0;aspect-ratio:1!important;border-radius:12px!important}body:is([data-archive-type="uxui"],[data-archive-type="web"]) .archive-story-copy{min-width:0}body:is([data-archive-type="uxui"],[data-archive-type="web"]) .archive-story-copy h2{max-width:100%;font-size:clamp(2rem,3.8vw,4rem);overflow-wrap:anywhere;word-break:normal;margin:20px 0 28px}body:is([data-archive-type="uxui"],[data-archive-type="web"]) .ux-summary{margin-top:0;padding-top:0;border-top:0}body:is([data-archive-type="uxui"],[data-archive-type="web"]) .ux-summary p{font-size:17px;line-height:1.7}
@media(max-width:850px){body:is([data-archive-type="uxui"],[data-archive-type="web"]) .archive-story,body:is([data-archive-type="uxui"],[data-archive-type="web"]) .archive-story:nth-child(even){grid-template-columns:1fr}}

/* Unified inner-page header */
.site-header.inner-header{min-height:86px}.site-header.inner-header>nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:28px;white-space:nowrap}.site-header.inner-header>.header-tools{margin-inline-start:auto;direction:rtl}.site-header.inner-header .header-cta{min-width:158px;min-height:48px;padding:12px 19px;display:inline-flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #f1f0ec;border-radius:999px;background:#f1f0ec;color:#08080a!important;font-weight:700;box-shadow:0 12px 34px rgba(0,0,0,.26)}.site-header.inner-header .header-arrow{color:#08080a;font-size:17px;font-weight:400;line-height:1}.site-header.inner-header .theme-toggle{flex:0 0 42px}
html[data-theme="light"] .site-header.inner-header .header-cta{background:#11151c;color:#fff!important;border-color:#11151c;box-shadow:0 10px 28px rgba(31,42,57,.16)}html[data-theme="light"] .site-header.inner-header .header-arrow{color:#fff}html[data-theme="light"] .brand-mark{background:#050507;border-color:rgba(0,0,0,.18);box-shadow:0 3px 10px rgba(35,48,65,.11),inset 0 1px 0 rgba(255,255,255,.12)}html[data-theme="light"] .brand-logo-static{background:#050507}
@media(max-width:850px){.site-header.inner-header{padding-inline:18px}.site-header.inner-header>nav{gap:14px}.site-header.inner-header .header-cta{min-width:140px;padding-inline:15px;gap:16px}}@media(max-width:650px){.site-header.inner-header .brand-name{display:none}.site-header.inner-header .brand{min-width:40px}.site-header.inner-header>nav{gap:9px;font-size:12px}.site-header.inner-header .header-cta{min-width:126px;font-size:12px}.site-header.inner-header .theme-toggle{width:38px;height:38px;min-width:38px}}

/* Real portfolio media */
.real-grid img,
.brand-slide>img,
.strip-card>img,
.web-preview>img,
.uxui-preview-card>img,
.archive-image>img,
.archive-image>video,
.archive-lightbox-media>img,
.archive-lightbox-media>video{
 display:block;width:100%;height:100%;object-fit:cover
}
.real-grid img{aspect-ratio:1;border-radius:10px}
.brand-slide>img{height:470px;aspect-ratio:16/9;border-radius:0;object-fit:cover}
.strip-card>img{height:430px;aspect-ratio:4/5;border-radius:20px;object-fit:cover}
.web-preview>img{height:430px;object-fit:cover}
.uxui-preview-card>img{height:380px;border-radius:19px;object-fit:cover}
.archive-image>img,.archive-image>video{aspect-ratio:16/9;border-radius:10px;background:#050507}
.archive-image.a5-image>img{aspect-ratio:148/210}
.archive-image.rollup-image>img{aspect-ratio:85/200}
.archive-image.billboard-image>img{aspect-ratio:1}
.archive-image.banner-image>img{aspect-ratio:3/1}
.archive-insta-grid .archive-image>img{aspect-ratio:1}
.archive-image>video{object-fit:cover}
.archive-media-wrap .archive-image{width:100%}
.archive-lightbox-media{display:grid;place-items:center;overflow:hidden;background:#050507}
.archive-lightbox-media>img,.archive-lightbox-media>video{width:100%;height:100%;max-height:76vh;object-fit:contain;border-radius:22px}
.video-card>video{position:absolute;inset:7px;width:calc(100% - 14px);height:calc(100% - 14px);border-radius:20px;object-fit:cover;z-index:1;filter:brightness(.76);transition:filter .35s}
.video-card:hover>video{filter:brightness(.58) saturate(1.06)}
.video-card .card-index{z-index:3}
.project-card>img,.project-card>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.72);transition:filter .45s}
.project-card:hover>img,.project-card:hover>video{filter:brightness(.55) saturate(1.05)}
.archive-support-grid{margin:-4px 0 34px}
html[data-theme="light"] .brand-slide>img,
html[data-theme="light"] .strip-card>img,
html[data-theme="light"] .web-preview>img,
html[data-theme="light"] .uxui-preview-card>img,
html[data-theme="light"] .archive-image>img,
html[data-theme="light"] .archive-image>video{background:#eef4fb}
@media(max-width:850px){
 .brand-slide>img,.web-preview>img{height:330px}
 .uxui-preview-card>img{height:330px}
}
@media(max-width:520px){
 .brand-slide>img{height:270px}
 .strip-card>img{height:350px}
 .uxui-preview-card>img{height:280px}
}

/* Requested refinements */
.hero-carousel{position:absolute;inset:0;overflow:hidden;border-radius:inherit;background:#050507}
.hero-carousel img,.hero-carousel video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:heroGallery var(--hero-duration,52s) infinite;animation-delay:calc(var(--hero-index,0)*var(--hero-step,4s));filter:brightness(.72) saturate(1.05)}
@keyframes heroGallery{0%,7%{opacity:1;transform:scale(1.02)}9%,100%{opacity:0;transform:scale(1.07)}}
.asaf-home .projects-head{grid-template-columns:1fr!important}
.asaf-home .projects-head>div{max-width:760px}
.asaf-home .profile-card{width:min(100%,390px)!important;transform:translateY(-18px)}
.asaf-home .profile-card .profile-photo{aspect-ratio:4/5!important}
.insta-grid.real-grid{grid-template-columns:repeat(6,1fr)!important;max-width:1280px}
#logos .strip-card{cursor:pointer}
#logos .strip-card:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.archive-banner-grid .archive-image{border-radius:10px!important;padding:4px}
.archive-banner-grid .archive-image>img{object-fit:contain!important;border-radius:4px!important;background:#fff}
body[data-archive-type="web"] .archive-story-media .archive-image,
body[data-archive-type="web"] .archive-story-media .archive-image>img{aspect-ratio:1!important;border-radius:12px!important;object-fit:contain!important;background:#fff}
body[data-archive-type="web"] .archive-support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
body[data-archive-type="web"] .archive-support-grid .archive-image,
body[data-archive-type="web"] .archive-support-grid .archive-image>img{aspect-ratio:1!important;border-radius:10px!important;object-fit:contain!important;background:#fff}
body[data-archive-type="print"] .archive-a5-grid .archive-image,
body[data-archive-type="print"] .archive-rollup-grid .archive-image{border-radius:12px!important}
body[data-archive-type="print"] .archive-a5-grid .archive-image>img,
body[data-archive-type="print"] .archive-rollup-grid .archive-image>img{border-radius:8px!important}
body[data-archive-type="products"] .archive-card .archive-image,
body[data-archive-type="products"] .archive-card .archive-image>img{aspect-ratio:1!important;border-radius:12px!important;object-fit:contain!important;background:#fff}
body[data-archive-type="products"] .archive-info{min-height:auto;padding:14px 10px;display:block}
body[data-archive-type="products"] .archive-info h2,
body[data-archive-type="products"] .archive-info .project-action{display:none!important}
.video-card[data-format="story"],.archive-card[data-format="story"] .archive-image{aspect-ratio:9/16!important}
.video-card[data-format="wide"],.archive-card[data-format="wide"] .archive-image{aspect-ratio:16/9!important}
.archive-card .archive-info .story-tags,.archive-card .archive-info .tag-row{display:flex;gap:7px;flex-wrap:wrap}
body:is([data-archive-type="edit"],[data-archive-type="ae"],[data-archive-type="ai"]) .archive-grid{grid-template-columns:repeat(3,1fr)}
body:is([data-archive-type="edit"],[data-archive-type="ae"],[data-archive-type="ai"]) .archive-card{padding:7px}
body:is([data-archive-type="edit"],[data-archive-type="ae"],[data-archive-type="ai"]) .archive-info{min-height:88px}
@media(max-width:950px){
 .insta-grid.real-grid{grid-template-columns:repeat(3,1fr)!important}
 body:is([data-archive-type="edit"],[data-archive-type="ae"],[data-archive-type="ai"]) .archive-grid{grid-template-columns:repeat(2,1fr)}
 body[data-archive-type="web"] .archive-support-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
 .insta-grid.real-grid{grid-template-columns:repeat(2,1fr)!important}
body:is([data-archive-type="edit"],[data-archive-type="ae"],[data-archive-type="ai"]) .archive-grid{grid-template-columns:1fr}
 body[data-archive-type="web"] .archive-support-grid{grid-template-columns:1fr}
}

/* Runtime fixes for clean portfolio interactions */
.carousel-viewport,
.carousel-track,
.archive-slider-track{direction:ltr}
.phone-direct svg{order:0}
.phone-direct span{order:1}
.media-missing{position:relative;min-height:220px}
.media-missing:before{content:"קובץ מדיה חסר";position:absolute;inset:7px;display:grid;place-items:center;border-radius:18px;background:rgba(255,255,255,.045);color:var(--muted);font-size:13px;z-index:3}
.archive-slider-arrow.prev{left:8px!important;right:auto!important}
.archive-slider-arrow.next{right:8px!important;left:auto!important}
.marquee{min-height:520px}
.marquee-track{min-width:max-content}
.category-video-grid .video-card[data-format="wide"]{grid-column:span 2;aspect-ratio:16/9!important}
.category-video-grid .video-card[data-format="story"]{grid-column:span 1;aspect-ratio:9/16!important}
.category-video-grid .video-card[data-format="portrait"]{grid-column:span 1;aspect-ratio:3/4!important}
.category-video-grid .video-card[data-format="square"]{grid-column:span 1;aspect-ratio:1!important}
.archive-card[data-format="wide"] .archive-image,.archive-image.video-ratio-wide{aspect-ratio:16/9!important}
.archive-card[data-format="story"] .archive-image,.archive-image.video-ratio-story{aspect-ratio:9/16!important}
.archive-card[data-format="portrait"] .archive-image,.archive-image.video-ratio-portrait{aspect-ratio:3/4!important}
.archive-card[data-format="square"] .archive-image,.archive-image.video-ratio-square{aspect-ratio:1!important}
.archive-image.video-ratio-story,.archive-image.video-ratio-portrait,.archive-image.video-ratio-square{max-width:min(430px,100%);margin-inline:auto}
.archive-image.video-ratio-wide{max-width:100%}
.video-card>video,.archive-image>video{width:100%;height:100%;object-fit:cover}
.video-preview-modal{padding:4vw;background:rgba(3,3,5,.72)!important}
.video-preview-modal .lightbox-stage{width:min(860px,86vw);max-height:82vh;padding:10px;border:1px solid rgba(255,255,255,.13);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.025));box-shadow:0 35px 110px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.14);backdrop-filter:blur(26px) saturate(140%);-webkit-backdrop-filter:blur(26px) saturate(140%)}
.video-preview-modal video{display:block;width:100%;height:auto;max-height:70vh;border-radius:20px;object-fit:contain;background:#050507}
.video-preview-modal.preview-story .lightbox-stage{width:min(430px,82vw)}
.video-preview-modal.preview-portrait .lightbox-stage{width:min(560px,82vw)}
.video-preview-modal.preview-square .lightbox-stage{width:min(620px,82vw)}
.video-preview-modal .lightbox-title{padding:10px 8px 2px;color:#d9d8dc}
@media(max-width:850px){.marquee{min-height:440px}.category-video-grid .video-card[data-format="wide"],.category-video-grid .video-card[data-format="story"],.category-video-grid .video-card[data-format="portrait"],.category-video-grid .video-card[data-format="square"]{grid-column:span 1}}
@media(max-width:520px){.category-video-grid .video-card[data-format="wide"]{grid-column:1/-1}.video-preview-modal{padding:18px}.video-preview-modal .lightbox-stage{width:100%!important}}

/* Video bento refinements */
.video-bento-grid{grid-template-columns:repeat(6,1fr)!important;grid-auto-flow:dense;align-items:stretch!important;gap:12px!important}
.video-bento-grid .video-card{min-height:220px}
.video-bento-grid .video-card[data-format="wide"]{grid-column:span 3!important;aspect-ratio:16/9!important}
.video-bento-grid .video-card[data-format="story"]{grid-column:span 1!important;grid-row:span 2;aspect-ratio:9/16!important}
.video-bento-grid .video-card[data-format="square"]{grid-column:span 2!important;aspect-ratio:1!important}
.video-bento-grid .video-card.bento-xl{grid-column:span 4!important;grid-row:span 2;aspect-ratio:16/9!important}
.ae-bento-grid{grid-template-columns:repeat(4,1fr)!important;grid-auto-flow:dense;gap:14px!important;align-items:stretch!important}
.ae-bento-grid .video-card{min-height:330px;border-radius:24px!important}
.ae-bento-grid .video-card[data-format="square"]{grid-column:span 2!important;aspect-ratio:1!important}
.ae-bento-grid .video-card.ae-wide{grid-column:1/-1!important;aspect-ratio:16/9!important;min-height:420px}
.ai-single-grid{grid-template-columns:repeat(6,1fr)!important;justify-items:center}
.ai-single-grid .video-card{grid-column:3 / span 2!important;max-width:430px;width:100%;aspect-ratio:9/16!important}

body:is([data-archive-type="edit"],[data-archive-type="ae"]) .archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;grid-auto-flow:dense}
body:is([data-archive-type="edit"],[data-archive-type="ae"]) .archive-card{padding:7px!important;border-radius:16px!important}
body:is([data-archive-type="edit"],[data-archive-type="ae"]) .archive-card[data-format="wide"]{grid-column:1/-1!important}
body:is([data-archive-type="edit"],[data-archive-type="ae"]) .archive-card[data-format="story"],
body:is([data-archive-type="edit"],[data-archive-type="ae"]) .archive-card[data-format="portrait"],
body:is([data-archive-type="edit"],[data-archive-type="ae"]) .archive-card[data-format="square"]{grid-column:span 1!important}
body:is([data-archive-type="edit"],[data-archive-type="ae"]) .archive-image,
body:is([data-archive-type="edit"],[data-archive-type="ae"]) .archive-image>video{border-radius:10px!important}
body:is([data-archive-type="edit"],[data-archive-type="ae"]) .archive-image{padding:4px!important;max-width:none!important}
body:is([data-archive-type="edit"],[data-archive-type="ae"]) .archive-card[data-format="wide"] .archive-image{aspect-ratio:16/9!important}
body:is([data-archive-type="edit"],[data-archive-type="ae"]) .archive-card[data-format="story"] .archive-image{aspect-ratio:9/16!important;max-width:none!important}
body:is([data-archive-type="edit"],[data-archive-type="ae"]) .archive-card[data-format="square"] .archive-image{aspect-ratio:1!important;max-width:none!important}
body[data-archive-type="ai"] .archive-grid{grid-template-columns:minmax(260px,430px)!important;justify-content:center}
body[data-archive-type="ai"] .archive-card{border-radius:16px!important}
body[data-archive-type="ai"] .archive-image,
body[data-archive-type="ai"] .archive-image>video{border-radius:10px!important}
body[data-archive-type="ai"] .archive-image{padding:4px!important}

@media(max-width:900px){
  .video-bento-grid,.ae-bento-grid{grid-template-columns:repeat(2,1fr)!important}
  .video-bento-grid .video-card,.video-bento-grid .video-card.bento-xl,.video-bento-grid .video-card[data-format="wide"],.video-bento-grid .video-card[data-format="square"],.ae-bento-grid .video-card,.ae-bento-grid .video-card.ae-wide{grid-column:span 2!important;grid-row:auto!important}
  .video-bento-grid .video-card[data-format="story"]{grid-column:span 1!important;grid-row:auto!important}
  .ai-single-grid{grid-template-columns:1fr!important}
  .ai-single-grid .video-card{grid-column:1!important}
}
@media(max-width:560px){
  body:is([data-archive-type="edit"],[data-archive-type="ae"]) .archive-grid{grid-template-columns:1fr!important}
  body:is([data-archive-type="edit"],[data-archive-type="ae"]) .archive-card{grid-column:auto!important}
  .video-bento-grid,.ae-bento-grid{grid-template-columns:1fr!important}
  .video-bento-grid .video-card,.video-bento-grid .video-card[data-format="story"],.ae-bento-grid .video-card{grid-column:1!important}
}
.cms-v2 .admin-panel{position:relative;overflow:hidden}
.admin-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-start}
.cms-import-box{width:100%;margin:18px 0 26px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.04);padding:16px;color:inherit;direction:ltr}
.cms-list{display:grid;gap:10px}
.cms-row{display:grid!important;grid-template-columns:44px 82px minmax(0,1fr) auto!important;gap:14px;align-items:center;border:1px solid var(--line)!important;border-radius:20px;padding:10px!important;background:rgba(255,255,255,.035)}
.cms-thumb{width:82px;height:62px;border-radius:14px;overflow:hidden;background:#050507;border:1px solid var(--line)}
.cms-thumb img,.cms-thumb video{width:100%;height:100%;object-fit:cover;display:block}
.cms-row b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cms-row small{display:block;color:var(--muted);margin-top:5px;direction:ltr}
.cms-row-actions{display:flex;gap:5px}
.cms-row-actions button{width:32px;height:32px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:inherit;cursor:pointer}
html[data-theme="light"] .cms-row,html[data-theme="light"] .cms-import-box{background:rgba(255,255,255,.72);border-color:rgba(0,0,0,.12)}
@media(max-width:760px){
 .cms-row{grid-template-columns:34px 70px 1fr!important}
 .cms-row-actions{grid-column:1/-1;justify-content:flex-start}
}

/* Inline editing layer */
.inline-edit-panel{position:fixed;z-index:500;left:22px;top:104px;display:flex;align-items:center;gap:8px;padding:8px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(8,8,10,.78);backdrop-filter:blur(20px);box-shadow:0 16px 50px rgba(0,0,0,.35);direction:rtl}
.inline-edit-panel button{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff;padding:10px 14px;border-radius:999px;cursor:pointer;font:700 12px 'Google Sans',sans-serif}
.inline-edit-panel .inline-edit-toggle{background:#f3f2ee;color:#08080a;border-color:#f3f2ee}
.inline-edit-status{min-width:42px;color:#b8d5ff;font-size:12px}
html[data-theme="light"] .inline-edit-panel{background:rgba(255,255,255,.82);border-color:rgba(0,0,0,.12);box-shadow:0 16px 45px rgba(20,30,45,.12)}
html[data-theme="light"] .inline-edit-panel button{color:#111;background:rgba(0,0,0,.05);border-color:rgba(0,0,0,.12)}
html[data-theme="light"] .inline-edit-panel .inline-edit-toggle{background:#11151c;color:#fff}
.is-editing [contenteditable="true"]{outline:1px dashed rgba(148,190,255,.65);outline-offset:4px;border-radius:8px;cursor:text}
.is-editing img,.is-editing video{outline:1px solid rgba(148,190,255,.45);outline-offset:-4px;cursor:pointer}
.is-editing img:hover,.is-editing video:hover{outline-color:rgba(255,255,255,.9)}
.is-editing body:before{content:"מצב עריכה פעיל: לחיצה על טקסט לעריכה, דאבל קליק על תמונה או סרטון להחלפת נתיב assets.";position:fixed;z-index:499;left:22px;top:64px;padding:8px 12px;border-radius:999px;background:rgba(92,145,255,.18);border:1px solid rgba(148,190,255,.28);backdrop-filter:blur(12px);font-size:12px;color:#d9e7ff}
@media(max-width:650px){.inline-edit-panel{top:auto;bottom:76px;left:12px;right:12px;justify-content:center}.is-editing body:before{display:none}}

/* True infinite marquee loop */
.marquee{overflow:hidden!important;width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;padding-inline:24px!important;mask-image:none!important;-webkit-mask-image:none!important;direction:ltr!important}
.marquee-track{display:flex!important;flex-wrap:nowrap!important;white-space:nowrap!important;direction:ltr!important;gap:24px!important;width:max-content!important;min-width:max-content!important;transition:none!important;will-change:transform;transform:translate3d(0,0,0);backface-visibility:hidden}
.marquee-track>*{flex:0 0 auto!important}
.marquee-track{animation:none}
.js-marquee .marquee-track.marquee-track-ready,
.marquee .marquee-track.marquee-track-ready{animation-name:marquee-scroll!important;animation-duration:var(--marquee-duration,80s)!important;animation-timing-function:linear!important;animation-iteration-count:infinite!important;animation-delay:var(--marquee-delay,-2s)!important;animation-direction:normal!important;animation-fill-mode:none!important;animation-play-state:running!important}
.marquee-track :is(img,video,.strip-card){transition:none!important;transform:none!important;opacity:1!important}
html.a11y-reduce-motion .js-marquee .marquee-track.marquee-track-ready,
html.a11y-reduce-motion .marquee .marquee-track.marquee-track-ready{animation-name:marquee-scroll!important;animation-duration:var(--marquee-duration,80s)!important;animation-iteration-count:infinite!important;animation-play-state:running!important}
@keyframes marquee-scroll{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(var(--marquee-offset,-50%),0,0)}}

@media(max-width:760px){
  .marquee{overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding-inline:var(--pad)!important}
  .marquee::-webkit-scrollbar{display:none}
  .marquee-track,
  .js-marquee .marquee-track.marquee-track-ready,
  .marquee .marquee-track.marquee-track-ready,
  .marquee-track.marquee-mobile-static{animation:none!important;transform:none!important;will-change:auto!important;width:max-content!important;min-width:max-content!important}
  .marquee-track>*{scroll-snap-align:start}
  .strip-card{width:min(260px,72vw)}
  .strip-card>.media-sprite{height:320px}
}

/* Requested archive/layout refinements */
body[data-archive-type="edit"] .archive-grid,
body[data-archive-type="ae"] .archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
body[data-archive-type="edit"] .archive-card,
body[data-archive-type="ae"] .archive-card{border-radius:18px}
body[data-archive-type="edit"] .archive-image,
body[data-archive-type="ae"] .archive-image{border-radius:10px}
.ux-square-grid,
.web-feed-grid{grid-template-columns:repeat(3,1fr)}
.ux-square-grid .archive-image .media-sprite,
.web-feed-grid .archive-image .media-sprite,
.square-fit .media-sprite{aspect-ratio:1!important;border-radius:10px!important;object-fit:cover}
.web-feed-grid.is-large{gap:16px}
.web-feed-grid.is-large .archive-image .media-sprite{min-height:320px}
body[data-archive-type="products"] .archive-info{display:none}
body[data-archive-type="products"] .archive-image .media-sprite{aspect-ratio:1!important}
.category-head .tag-row{flex-wrap:nowrap}
@media(max-width:760px){
  body[data-archive-type="edit"] .archive-grid,
  body[data-archive-type="ae"] .archive-grid,
  .ux-square-grid,
  .web-feed-grid{grid-template-columns:1fr 1fr}
}

/* Media folder alignment fixes */
.archive-image>img,
.archive-image>video{display:block;width:100%;height:auto;object-fit:cover}
body[data-archive-type="logos"] .archive-slide{flex:0 0 clamp(340px,36vw,520px)}
body[data-archive-type="logos"] .archive-image>img{aspect-ratio:1!important;border-radius:10px!important}
body[data-archive-type="logos"] .archive-project-heading p{max-width:620px}
.web-bento-grid{grid-auto-flow:dense}
.web-bento-grid .web-bento-wide{grid-column:span 2}
.web-bento-grid .web-bento-wide>img{aspect-ratio:2/1!important}
body[data-archive-type="print"] .archive-image>img{object-fit:cover}
body[data-archive-type="print"] .archive-image.a5-image>img{aspect-ratio:148/210!important}
body[data-archive-type="print"] .archive-image.rollup-image>img{aspect-ratio:85/200!important}
body[data-archive-type="print"] .archive-image.billboard-image>img{aspect-ratio:1!important}
body[data-archive-type="edit"] .archive-grid{grid-template-columns:repeat(2,minmax(260px,1fr))!important;max-width:1120px;margin-inline:auto}
body[data-archive-type="edit"] .archive-card{padding:7px}
body[data-archive-type="edit"] .archive-info{min-height:78px;padding:14px 10px 10px}
body[data-archive-type="ai"] .archive-grid{grid-template-columns:repeat(3,minmax(220px,1fr))!important;max-width:1180px;margin-inline:auto}
body[data-archive-type="social"] .archive-section-head p{max-width:none;white-space:nowrap}
.ai-single-grid{grid-template-columns:repeat(3,minmax(220px,1fr))!important;max-width:1180px}
.ai-single-grid .video-card{grid-column:auto!important}
@media(max-width:760px){
  body[data-archive-type="ai"] .archive-grid,
  .ai-single-grid{grid-template-columns:1fr 1fr!important}
  body[data-archive-type="social"] .archive-section-head p{white-space:normal}
  .web-bento-grid .web-bento-wide{grid-column:span 1}
}

/* Dark-mode navigation contrast */
html:not([data-theme="light"]) .site-header,
html[data-theme="dark"] .site-header{
  background-color:rgba(5,6,9,.88)!important;
  background-image:linear-gradient(135deg,rgba(18,20,27,.94),rgba(5,6,9,.82))!important;
  border-color:rgba(255,255,255,.18)!important;
}
html:not([data-theme="light"]) .site-header nav a:not(.header-cta),
html[data-theme="dark"] .site-header nav a:not(.header-cta){
  color:rgba(255,255,255,.88)!important;
  text-shadow:0 1px 10px rgba(0,0,0,.55);
}
html:not([data-theme="light"]) .site-header nav a:not(.header-cta):hover,
html:not([data-theme="light"]) .site-header nav a:not(.header-cta).active,
html[data-theme="dark"] .site-header nav a:not(.header-cta):hover,
html[data-theme="dark"] .site-header nav a:not(.header-cta).active{
  color:#fff!important;
}
html:not([data-theme="light"]) .portfolio-dock,
html[data-theme="dark"] .portfolio-dock{
  background:linear-gradient(135deg,rgba(18,20,28,.96),rgba(5,6,9,.9))!important;
  border-color:rgba(255,255,255,.22)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.14)!important;
}
html:not([data-theme="light"]) .portfolio-dock a,
html[data-theme="dark"] .portfolio-dock a{
  color:rgba(255,255,255,.84)!important;
  text-shadow:0 1px 10px rgba(0,0,0,.6);
}
html:not([data-theme="light"]) .portfolio-dock a:hover,
html[data-theme="dark"] .portfolio-dock a:hover{
  color:#fff!important;
  background:rgba(255,255,255,.08);
}
html:not([data-theme="light"]) .portfolio-dock a.active,
html[data-theme="dark"] .portfolio-dock a.active{
  background:#f4f3ef!important;
  color:#070709!important;
  text-shadow:none!important;
}

/* Accessible glass navigation */
.site-header nav a,
.portfolio-dock a{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1.2;
}
.site-header nav a:not(.header-cta){
  padding:9px 14px;
  border:1px solid transparent;
  border-radius:999px!important;
  font-weight:700;
}
.site-header nav a:not(.header-cta):hover{
  border-color:rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);
}
.site-header nav a:not(.header-cta).active,
.site-header nav a:not(.header-cta)[aria-current]{
  border-color:rgba(255,255,255,.94)!important;
  background:#f4f3ef!important;
  color:#070709!important;
  text-shadow:none!important;
  box-shadow:0 10px 26px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.portfolio-dock{
  background:rgba(8,10,15,.9)!important;
  border-color:rgba(255,255,255,.28)!important;
}
.portfolio-dock a{
  min-height:42px;
  padding:11px 17px!important;
  border:1px solid transparent;
  color:#f1f2f5!important;
  font-weight:800!important;
  letter-spacing:-.01em;
  text-shadow:0 1px 8px rgba(0,0,0,.72);
}
.portfolio-dock a:hover{
  border-color:rgba(255,255,255,.28);
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
}
.portfolio-dock a.active,
.portfolio-dock a[aria-current]{
  border-color:#f4f3ef!important;
  background:#f4f3ef!important;
  color:#070709!important;
  text-shadow:none!important;
  box-shadow:0 10px 26px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.site-header nav a:focus-visible,
.portfolio-dock a:focus-visible{
  outline:3px solid #9fc4ff!important;
  outline-offset:4px!important;
  box-shadow:0 0 0 6px rgba(10,18,32,.92),0 0 0 9px rgba(159,196,255,.36)!important;
}
html[data-theme="light"] .site-header{
  background-color:rgba(247,250,254,.9)!important;
}
html[data-theme="light"] .site-header nav a:not(.header-cta){
  color:#1d2633!important;
  text-shadow:none!important;
}
html[data-theme="light"] .site-header nav a:not(.header-cta):hover{
  border-color:rgba(17,24,39,.18);
  background:rgba(17,24,39,.07);
}
html[data-theme="light"] .site-header nav a:not(.header-cta).active,
html[data-theme="light"] .site-header nav a:not(.header-cta)[aria-current]{
  background:#11151c!important;
  border-color:#11151c!important;
  color:#fff!important;
  box-shadow:0 10px 26px rgba(31,42,57,.17)!important;
}
html[data-theme="light"] .portfolio-dock{
  background:rgba(248,251,255,.92)!important;
  border-color:rgba(42,58,82,.24)!important;
  box-shadow:0 18px 54px rgba(42,58,82,.14),inset 0 1px 0 #fff!important;
}
html[data-theme="light"] .portfolio-dock a{
  color:#223044!important;
  text-shadow:none!important;
}
html[data-theme="light"] .portfolio-dock a:hover{
  background:rgba(17,24,39,.075)!important;
  border-color:rgba(17,24,39,.18);
  color:#0b111a!important;
}
html[data-theme="light"] .portfolio-dock a.active,
html[data-theme="light"] .portfolio-dock a[aria-current]{
  background:#11151c!important;
  border-color:#11151c!important;
  color:#fff!important;
  box-shadow:0 10px 26px rgba(31,42,57,.18)!important;
}
@media(max-width:650px){
  .portfolio-dock a{font-size:12px!important;padding-inline:14px!important}
  .site-header nav a:not(.header-cta){padding-inline:10px}
}

/* Final contrast guard for navigation states */
html:not([data-theme="light"]) .site-header nav a:not(.header-cta).active,
html:not([data-theme="light"]) .site-header nav a:not(.header-cta)[aria-current],
html[data-theme="dark"] .site-header nav a:not(.header-cta).active,
html[data-theme="dark"] .site-header nav a:not(.header-cta)[aria-current]{
  background:#f4f3ef!important;
  border-color:#f4f3ef!important;
  color:#070709!important;
  text-shadow:none!important;
}
html[data-theme="light"] .site-header nav a:not(.header-cta).active,
html[data-theme="light"] .site-header nav a:not(.header-cta)[aria-current]{
  background:#11151c!important;
  border-color:#11151c!important;
  color:#fff!important;
  text-shadow:none!important;
}

/* Archive media mapping refinements */
.archive-video-bento{
  margin-inline:auto;
  max-width:1280px;
  align-items:stretch!important;
}
.archive-video-bento .video-card{
  min-height:230px;
}
.archive-video-bento .video-card[data-format="wide"]{
  grid-column:span 3!important;
  aspect-ratio:16/9!important;
}
.archive-video-bento .video-card[data-format="story"]{
  grid-column:span 1!important;
  grid-row:span 2;
  aspect-ratio:9/16!important;
}
.archive-video-bento .video-card[data-format="portrait"]{
  grid-column:span 2!important;
  aspect-ratio:3/4!important;
}
.archive-video-bento .video-card[data-format="square"]{
  grid-column:span 2!important;
  aspect-ratio:1!important;
}
.archive-video-bento .video-card.bento-xl{
  grid-column:span 4!important;
  grid-row:span 2;
}
.archive-image.rollup-square-image,
.archive-image.rollup-square-image>img{
  aspect-ratio:1!important;
  border-radius:10px!important;
}
.archive-image.rollup-square-image>img{
  object-fit:cover!important;
}
.archive-image.billboard-padded{
  padding:14px!important;
}
.archive-image.billboard-padded>img{
  object-fit:contain!important;
  border-radius:8px!important;
  background:#fff;
}
.archive-slider-track{
  scroll-padding-inline:64px;
}
.carousel-viewport{
  scroll-padding-inline:0;
}
@media(max-width:900px){
  .archive-video-bento{grid-template-columns:repeat(2,1fr)!important}
  .archive-video-bento .video-card,
  .archive-video-bento .video-card.bento-xl,
  .archive-video-bento .video-card[data-format="wide"],
  .archive-video-bento .video-card[data-format="portrait"],
  .archive-video-bento .video-card[data-format="square"]{
    grid-column:span 2!important;
    grid-row:auto!important;
  }
  .archive-video-bento .video-card[data-format="story"]{
    grid-column:span 1!important;
    grid-row:auto!important;
  }
}
@media(max-width:560px){
  .archive-video-bento{grid-template-columns:1fr!important}
  .archive-video-bento .video-card,
.archive-video-bento .video-card[data-format="story"]{
    grid-column:1!important;
  }
}

/* Design/social + archive bento refinements */
.social-marquee .strip-card img{
  display:block;
  width:100%;
  aspect-ratio:1;
  object-fit:cover;
  border-radius:20px;
  background:#050507;
}
.banner-bento-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch;
}
.banner-bento-grid .archive-image{
  grid-column:span 3;
  aspect-ratio:auto!important;
  padding:6px!important;
}
.banner-bento-grid .archive-image.banner-wide{
  grid-column:span 6;
}
.banner-bento-grid .archive-image>img{
  width:100%;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  border-radius:8px!important;
  background:#fff;
}
.agam-bento-grid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  grid-auto-flow:dense;
}
.agam-bento-grid .archive-image{
  grid-column:span 2;
}
.agam-bento-grid .archive-image:nth-child(2),
.agam-bento-grid .archive-image:nth-child(4){
  grid-column:span 3;
}
.agam-bento-grid .archive-image.web-bento-wide{
  grid-column:span 4!important;
}
.agam-bento-grid .archive-image>img{
  object-fit:cover!important;
}
.social-random-grid .archive-image:nth-child(4n+1){
  transform:translateY(10px);
}
.social-random-grid .archive-image:nth-child(5n+2){
  transform:translateY(-6px);
}
body[data-archive-type="print"] .archive-image.billboard-padded{
  border-radius:12px!important;
  padding:12px!important;
}
body[data-archive-type="print"] .archive-image.billboard-padded>img{
  aspect-ratio:1!important;
  object-fit:contain!important;
  border-radius:6px!important;
}
@media(max-width:760px){
  .banner-bento-grid,.agam-bento-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .banner-bento-grid .archive-image,
  .banner-bento-grid .archive-image.banner-wide,
  .agam-bento-grid .archive-image,
  .agam-bento-grid .archive-image:nth-child(2),
  .agam-bento-grid .archive-image:nth-child(4),
  .agam-bento-grid .archive-image.web-bento-wide{grid-column:span 2!important}
  .social-random-grid .archive-image{transform:none!important}
}

/* Latest visual refinements */
.asaf-home .hero-media{
  border-radius:34px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.025)),
    rgba(255,255,255,.035)!important;
  box-shadow:
    0 38px 110px rgba(0,0,0,.54),
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -1px 0 rgba(255,255,255,.08)!important;
  -webkit-backdrop-filter:blur(26px) saturate(135%);
  backdrop-filter:blur(26px) saturate(135%);
  padding:8px;
}
.asaf-home .hero-carousel{
  inset:8px;
  border-radius:26px!important;
}
.asaf-home .hero-media:after{
  content:"";
  position:absolute;
  inset:8px;
  z-index:3;
  pointer-events:none;
  border-radius:26px;
  background:
    linear-gradient(130deg,rgba(255,255,255,.22),transparent 28%,rgba(185,210,240,.08) 72%,transparent),
    linear-gradient(to bottom,rgba(255,255,255,.06),transparent 34%,rgba(255,255,255,.04));
  mix-blend-mode:screen;
}
.asaf-home .hero-media .media-shade{
  display:none!important;
}
.asaf-home .hero-carousel img,
.asaf-home .hero-carousel video{
  filter:saturate(1.04) contrast(1.02)!important;
}
.asaf-home .hero-carousel img{
  animation-name:heroGalleryImage!important;
  transform-origin:center;
}
.asaf-home .hero-carousel video{
  animation-name:heroGalleryVideo!important;
}
@keyframes heroGalleryImage{
  0%{opacity:1;transform:scale(1.018)}
  7%{opacity:1;transform:scale(1.088)}
  9%{opacity:0;transform:scale(1.105)}
  100%{opacity:0;transform:scale(1.105)}
}
@keyframes heroGalleryVideo{
  0%,7%{opacity:1;transform:scale(1.01)}
  9%,100%{opacity:0;transform:scale(1.018)}
}

body[data-archive-type="web"] .agam-bento-grid{
  align-items:start;
}
body[data-archive-type="web"] .agam-bento-grid .archive-image,
body[data-archive-type="web"] .agam-bento-grid .archive-image:nth-child(2),
body[data-archive-type="web"] .agam-bento-grid .archive-image:nth-child(4),
body[data-archive-type="web"] .agam-bento-grid .archive-image.web-bento-wide{
  aspect-ratio:auto!important;
}
body[data-archive-type="web"] .agam-bento-grid .archive-image>img,
body[data-archive-type="web"] .agam-bento-grid .archive-image.web-bento-wide>img{
  display:block;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  background:#fff;
}
body[data-archive-type="web"] .agam-bento-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
body[data-archive-type="web"] .agam-bento-grid .archive-image,
body[data-archive-type="web"] .agam-bento-grid .archive-image:nth-child(2),
body[data-archive-type="web"] .agam-bento-grid .archive-image:nth-child(4),
body[data-archive-type="web"] .agam-bento-grid .archive-image.web-bento-wide{
  grid-column:span 1!important;
  width:100%;
  min-width:0;
}
body[data-archive-type="web"] .agam-bento-grid .archive-image>img{
  width:100%;
  max-height:520px;
}
body[data-archive-type="web"] .archive-story-media .archive-image,
body[data-archive-type="web"] .archive-story-media .archive-image>img,
body[data-archive-type="web"] .agam-bento-grid .archive-image,
body[data-archive-type="web"] .agam-bento-grid .archive-image:nth-child(2),
body[data-archive-type="web"] .agam-bento-grid .archive-image:nth-child(4),
body[data-archive-type="web"] .agam-bento-grid .archive-image.web-bento-wide,
body[data-archive-type="web"] .agam-bento-grid .archive-image>img{
  aspect-ratio:8121/5773!important;
}
body[data-archive-type="web"] .archive-story-media .archive-image>img,
body[data-archive-type="web"] .agam-bento-grid .archive-image>img{
  width:100%;
  height:100%!important;
  object-fit:cover!important;
}

body[data-archive-type="print"] .archive-image.billboard-padded{
  padding:4px!important;
  background:#0a0a0d!important;
}
body[data-archive-type="print"] .archive-image.billboard-padded>img{
  width:100%;
  height:100%!important;
  aspect-ratio:1!important;
  object-fit:cover!important;
  transform:scale(1.08);
  border-radius:6px!important;
  background:#0a0a0d!important;
}

html[data-theme="light"] .asaf-home .hero-media{
  border-color:rgba(95,122,158,.22)!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.85),rgba(229,240,252,.42)),
    rgba(255,255,255,.55)!important;
  box-shadow:
    0 34px 90px rgba(58,76,102,.14),
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 -1px 0 rgba(120,150,190,.12)!important;
}

/* Subtle premium glass pass */
.site-header,
.asaf-home .capsule-header,
.portfolio-dock,
.filters{
  border:1px solid rgba(255,255,255,.16)!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.035) 42%,rgba(8,10,14,.72)),
    rgba(8,10,14,.62)!important;
  box-shadow:
    0 22px 70px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 rgba(255,255,255,.055)!important;
  -webkit-backdrop-filter:blur(30px) saturate(155%)!important;
  backdrop-filter:blur(30px) saturate(155%)!important;
}
.site-header nav a:not(.header-cta),
.portfolio-dock a,
.filters button{
  border:1px solid transparent;
  background:rgba(255,255,255,.025);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}
.site-header nav a:not(.header-cta):hover,
.portfolio-dock a:hover,
.filters button:hover{
  border-color:rgba(255,255,255,.16);
  background:rgba(255,255,255,.075);
}
.archive-page .archive-back,
.category-more.btn,
.project-action{
  box-shadow:
    0 14px 38px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.22)!important;
}
html[data-theme="light"] .site-header,
html[data-theme="light"] .asaf-home .capsule-header,
html[data-theme="light"] .portfolio-dock,
html[data-theme="light"] .filters{
  border-color:rgba(97,122,156,.2)!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.84),rgba(230,240,252,.58) 52%,rgba(255,255,255,.68)),
    rgba(244,248,252,.72)!important;
  box-shadow:
    0 22px 65px rgba(52,72,99,.13),
    inset 0 1px 0 rgba(255,255,255,.96),
    inset 0 -1px 0 rgba(120,150,190,.1)!important;
}
html[data-theme="light"] .site-header nav a:not(.header-cta),
html[data-theme="light"] .portfolio-dock a,
html[data-theme="light"] .filters button{
  background:rgba(255,255,255,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
@media(max-width:760px){
  body[data-archive-type="web"] .agam-bento-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

/* Top announcement removed */
.asaf-home .announce{
  display:none!important;
}
.asaf-home .capsule-header{
  top:18px!important;
}
.asaf-home.scrolled .capsule-header{
  top:14px!important;
}
.asaf-home .reference-hero{
  padding-top:180px!important;
}
@media(max-width:900px){
  .asaf-home .capsule-header{
    top:14px!important;
  }
  .asaf-home .reference-hero{
    padding-top:150px!important;
  }
}

/* Selected works refinements */
.asaf-home #work .project-meta b{
  display:none!important;
}
.asaf-home #work .project-card>img,
.asaf-home #work .project-card>video{
  filter:brightness(.86) saturate(1.04)!important;
}
.asaf-home #work .project-card:hover>img,
.asaf-home #work .project-card:hover>video{
  filter:brightness(.96) saturate(1.08)!important;
}
.asaf-home #work .project-meta span{
  display:block;
  color:#f6f5f1!important;
  font-size:clamp(18px,1.65vw,27px)!important;
  line-height:1.05;
  font-weight:800;
  letter-spacing:-.045em;
}
.asaf-home #work .project-meta h3{
  margin-top:8px!important;
  color:#b9bdc6!important;
  font-size:11px!important;
  line-height:1.2;
  font-weight:700;
  letter-spacing:.12em!important;
  text-transform:uppercase;
}

/* Apple-style final polish: soft glass, calm motion, premium depth */
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(900px circle at 18% 8%,rgba(154,183,226,.105),transparent 42%),
    radial-gradient(760px circle at 86% 18%,rgba(255,255,255,.055),transparent 45%),
    radial-gradient(700px circle at 50% 92%,rgba(116,145,190,.07),transparent 52%);
  opacity:.9;
}
:where(.glass-panel,.service-card,.process-card,.profile-card,.all-in-one,.reference-contact,.portfolio-contact,.related-grid a,.web-project-card,.archive-card,.strip-card,.manual-carousel,.archive-story,.archive-slider-project,.archive-image,.video-card,.project-card){
  border-color:rgba(255,255,255,.145)!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.024) 46%,rgba(168,195,230,.035)),
    rgba(9,10,14,.48)!important;
  box-shadow:
    0 28px 80px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.15),
    inset 0 -1px 0 rgba(255,255,255,.045)!important;
  -webkit-backdrop-filter:blur(30px) saturate(150%);
  backdrop-filter:blur(30px) saturate(150%);
}
:where(.service-card,.process-card,.profile-card,.all-in-one,.reference-contact,.portfolio-contact,.related-grid a,.web-project-card,.archive-card,.strip-card,.manual-carousel,.archive-story,.archive-slider-project,.archive-image,.video-card,.project-card){
  transition:
    transform .7s cubic-bezier(.16,1,.3,1),
    border-color .45s ease,
    box-shadow .65s cubic-bezier(.16,1,.3,1),
    background .45s ease,
    filter .45s ease!important;
}
:where(.service-card,.process-card,.profile-card,.related-grid a,.web-project-card,.archive-card,.strip-card,.archive-image,.video-card,.project-card):hover{
  border-color:rgba(255,255,255,.27)!important;
  box-shadow:
    0 36px 96px rgba(0,0,0,.43),
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 -1px 0 rgba(255,255,255,.06)!important;
}
.btn,.header-cta,.project-action,.category-more,.service-link,.archive-back{
  transition:
    transform .55s cubic-bezier(.16,1,.3,1),
    box-shadow .45s ease,
    background .35s ease,
    border-color .35s ease,
    color .35s ease!important;
}
.btn:hover,.header-cta:hover,.project-action:hover,.category-more:hover,.service-link:hover,.archive-back:hover{
  transform:translateY(-2px);
  box-shadow:
    0 18px 48px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.3)!important;
}
.scroll-reveal{
  filter:blur(8px);
  transform:translateY(44px) scale(.985);
  transition:
    opacity 1.05s cubic-bezier(.16,1,.3,1),
    transform 1.05s cubic-bezier(.16,1,.3,1),
    filter 1.05s cubic-bezier(.16,1,.3,1)!important;
}
.scroll-reveal.is-visible{
  filter:none;
}
.category-head,.archive-section-head,.projects-head,.center-heading,.statement-title{
  animation-timeline:auto;
}
.tag,.tag-row span{
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.site-header,.asaf-home .capsule-header,.portfolio-dock,.filters{
  background:
    linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.04) 40%,rgba(9,11,16,.74)),
    rgba(7,9,13,.68)!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:
    0 24px 76px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -1px 0 rgba(255,255,255,.055)!important;
}
.asaf-home .hero-media{
  box-shadow:
    0 44px 120px rgba(0,0,0,.48),
    0 0 0 1px rgba(255,255,255,.07),
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 -1px 0 rgba(255,255,255,.08)!important;
}
.asaf-home .hero-media::before{
  content:"";
  position:absolute;
  inset:8px;
  z-index:4;
  pointer-events:none;
  border-radius:26px;
  background:linear-gradient(115deg,rgba(255,255,255,.18),transparent 24%,transparent 70%,rgba(174,202,236,.09));
  opacity:.9;
}
html[data-theme="light"] body::after{
  background:
    radial-gradient(900px circle at 18% 8%,rgba(117,152,202,.16),transparent 44%),
    radial-gradient(820px circle at 86% 18%,rgba(255,255,255,.92),transparent 48%),
    radial-gradient(760px circle at 50% 92%,rgba(163,190,225,.22),transparent 52%);
}
html[data-theme="light"] :where(.glass-panel,.service-card,.process-card,.profile-card,.all-in-one,.reference-contact,.portfolio-contact,.related-grid a,.web-project-card,.archive-card,.strip-card,.manual-carousel,.archive-story,.archive-slider-project,.archive-image,.video-card,.project-card){
  background:
    linear-gradient(145deg,rgba(255,255,255,.86),rgba(232,241,253,.55) 48%,rgba(255,255,255,.5)),
    rgba(255,255,255,.62)!important;
  border-color:rgba(92,118,154,.2)!important;
  box-shadow:
    0 28px 82px rgba(53,74,101,.14),
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 0 -1px 0 rgba(120,150,190,.1)!important;
}
html[data-theme="light"] :where(.service-card,.process-card,.profile-card,.related-grid a,.web-project-card,.archive-card,.strip-card,.archive-image,.video-card,.project-card):hover{
  border-color:rgba(84,111,150,.28)!important;
  box-shadow:
    0 34px 92px rgba(53,74,101,.18),
    inset 0 1px 0 #fff!important;
}
html[data-theme="light"] .tag,
html[data-theme="light"] .tag-row span{
  background:rgba(255,255,255,.55)!important;
  border-color:rgba(92,118,154,.18)!important;
  color:#475268!important;
}
html[data-theme="light"] .scroll-reveal{
  filter:blur(7px);
}
html[data-theme="light"] .scroll-reveal.is-visible{
  filter:none;
}
body{
  background:
    radial-gradient(900px circle at 18% 8%,rgba(154,183,226,.105),transparent 42%),
    radial-gradient(760px circle at 86% 18%,rgba(255,255,255,.055),transparent 45%),
    radial-gradient(700px circle at 50% 92%,rgba(116,145,190,.07),transparent 52%),
    var(--bg)!important;
}
html[data-theme="light"] body{
  background:
    radial-gradient(900px circle at 18% 8%,rgba(117,152,202,.16),transparent 44%),
    radial-gradient(820px circle at 86% 18%,rgba(255,255,255,.92),transparent 48%),
    radial-gradient(760px circle at 50% 92%,rgba(163,190,225,.22),transparent 52%),
    #f4f3ef!important;
}

/* Social/Digital carousel: image-only cards */
#social .social-marquee .strip-card>div:last-child{
  display:none!important;
}
#social .social-marquee .strip-card{
  padding:7px!important;
}
#social .social-marquee .strip-card{
  width:clamp(240px,24vw,360px)!important;
}
#social .social-marquee .strip-card img{
  width:100%!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  object-fit:cover!important;
}

/* Branding carousel: keep the cards visual, without BRAND SYSTEM labels */
#branding .brand-slide h3{
  display:none!important;
}

/* Mobile hamburger navigation */
.mobile-menu-toggle{display:none}
@media(max-width:760px){
  .mobile-menu-toggle{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    padding:0!important;
    display:grid!important;
    place-items:center;
    gap:0;
    border:1px solid rgba(255,255,255,.14);
    border-radius:50%!important;
    background:rgba(255,255,255,.06);
    color:#f4f3ef;
    cursor:pointer;
    -webkit-backdrop-filter:blur(18px) saturate(145%);
    backdrop-filter:blur(18px) saturate(145%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 12px 32px rgba(0,0,0,.22);
  }
  .mobile-menu-toggle span{
    display:block;
    width:17px;
    height:1.5px;
    margin:2px 0;
    border-radius:999px;
    background:currentColor;
    transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .2s;
  }
  .mobile-menu-open .mobile-menu-toggle span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
  .mobile-menu-open .mobile-menu-toggle span:nth-child(2){opacity:0}
  .mobile-menu-open .mobile-menu-toggle span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}
  html[data-theme="light"] .mobile-menu-toggle{
    background:rgba(255,255,255,.62);
    color:#11151c;
    border-color:rgba(76,102,138,.18);
  }
}

/* Cookie notice */
.cookie-notice{
  position:fixed;
  z-index:260;
  right:clamp(14px,3vw,32px);
  bottom:clamp(82px,7vw,34px);
  width:min(560px,calc(100vw - 28px));
  padding:18px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:18px;
  align-items:end;
  direction:rtl;
  border:1px solid rgba(255,255,255,.16);
  border-radius:28px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.035) 42%,rgba(10,10,14,.82)),
    rgba(8,9,12,.78);
  color:#f4f3ef;
  box-shadow:0 28px 90px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.16);
  -webkit-backdrop-filter:blur(28px) saturate(155%);
  backdrop-filter:blur(28px) saturate(155%);
  opacity:0;
  transform:translateY(18px) scale(.985);
  visibility:hidden;
  transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1),visibility .45s;
}
.cookie-notice.is-visible{
  opacity:1;
  transform:none;
  visibility:visible;
}
.cookie-copy h2{
  margin:0 0 9px;
  font-size:24px;
  line-height:1.05;
  letter-spacing:-.04em;
}
.cookie-copy p{
  margin:0;
  color:#b9b8bd;
  font-size:14px;
  line-height:1.55;
}
.cookie-copy p+p{margin-top:5px}
.cookie-actions{
  display:grid;
  gap:8px;
  min-width:178px;
}
.cookie-actions .btn{
  width:100%;
  min-width:0;
  min-height:46px;
  justify-content:center;
  padding:12px 17px;
  white-space:nowrap;
  cursor:pointer;
}
.cookie-actions .btn:not(.btn-fill){
  color:#f4f3ef;
  background:rgba(255,255,255,.045);
}
html[data-theme="light"] .cookie-notice{
  background:
    linear-gradient(145deg,rgba(255,255,255,.92),rgba(229,239,252,.76) 48%,rgba(255,255,255,.68)),
    rgba(255,255,255,.78);
  color:#11151c;
  border-color:rgba(82,108,144,.2);
  box-shadow:0 28px 82px rgba(53,74,101,.18),inset 0 1px 0 rgba(255,255,255,.98);
}
html[data-theme="light"] .cookie-copy p{color:#596273}
html[data-theme="light"] .cookie-actions .btn:not(.btn-fill){
  color:#11151c;
  background:rgba(255,255,255,.55);
  border-color:rgba(82,108,144,.18);
}
@media(max-width:760px){
  .cookie-notice{
    right:14px;
    left:14px;
    bottom:132px;
    width:auto;
    grid-template-columns:1fr;
    gap:16px;
    padding:17px;
    border-radius:24px;
  }
  .cookie-copy h2{font-size:22px}
  .cookie-copy p{font-size:13.5px}
  .cookie-actions{
    grid-template-columns:1fr;
    min-width:0;
  }
}

/* Mobile UX polish */
@media(max-width:760px){
  :root{--pad:18px}
  body{overflow-x:hidden}

  .site-header:not(.capsule-header){
    min-height:104px!important;
    padding:12px 14px 10px!important;
    align-items:center;
    flex-wrap:wrap;
    gap:8px 10px;
    background:linear-gradient(145deg,rgba(10,12,17,.9),rgba(10,12,17,.62))!important;
    border-bottom:1px solid rgba(255,255,255,.12)!important;
  }
  .site-header:not(.capsule-header) .brand{
    min-height:44px;
    display:inline-flex;
    align-items:center;
  }
  .site-header.inner-header>nav,
  .site-header:not(.capsule-header)>nav{
    position:absolute!important;
    transform:none!important;
    top:calc(100% + 10px)!important;
    right:14px!important;
    left:14px!important;
    width:auto!important;
    max-width:100%;
    margin:0!important;
    padding:8px;
    display:grid!important;
    grid-template-columns:1fr 1fr;
    justify-content:stretch!important;
    gap:6px!important;
    overflow:hidden;
    scrollbar-width:none;
    border:1px solid rgba(255,255,255,.1);
    border-radius:24px;
    background:rgba(9,10,14,.92);
    -webkit-backdrop-filter:blur(18px) saturate(140%);
    backdrop-filter:blur(18px) saturate(140%);
    box-shadow:0 18px 52px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.1);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    translate:0 -8px;
    transition:opacity .25s,visibility .25s,translate .25s cubic-bezier(.16,1,.3,1);
  }
  .site-header.mobile-menu-open>nav{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    translate:0 0;
  }
  .site-header.inner-header>nav::-webkit-scrollbar,
  .site-header:not(.capsule-header)>nav::-webkit-scrollbar,
  .portfolio-dock::-webkit-scrollbar{display:none}
  .site-header.inner-header>nav a,
  .site-header:not(.capsule-header)>nav a{
    min-height:44px;
    padding:10px 13px!important;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    font-size:12px!important;
    color:#f2f1ed!important;
  }
  .asaf-home .capsule-header{
    overflow:visible!important;
  }
  .asaf-home .capsule-header nav{
    display:grid!important;
    position:absolute!important;
    top:calc(100% + 10px)!important;
    right:0!important;
    left:0!important;
    width:auto!important;
    transform:none!important;
    grid-template-columns:1fr 1fr;
    max-width:100%;
    margin:0!important;
    padding:8px;
    justify-content:stretch!important;
    gap:6px!important;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.1);
    border-radius:24px;
    background:rgba(9,10,14,.92);
    -webkit-backdrop-filter:blur(18px) saturate(140%);
    backdrop-filter:blur(18px) saturate(140%);
    box-shadow:0 18px 52px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.1);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    translate:0 -8px;
    transition:opacity .25s,visibility .25s,translate .25s cubic-bezier(.16,1,.3,1);
  }
  .asaf-home .capsule-header.mobile-menu-open nav{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    translate:0 0;
  }
  .asaf-home .capsule-header nav a{
    min-height:44px;
    padding:10px 13px!important;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    font-size:12px!important;
    color:#f2f1ed!important;
  }
  html[data-theme="light"] .asaf-home .capsule-header nav{
    background:rgba(246,249,253,.94);
    border-color:rgba(76,102,138,.16);
  }
  html[data-theme="light"] .asaf-home .capsule-header nav a{
    color:#182032!important;
  }
  .asaf-home .header-tools .header-cta{
    justify-content:center!important;
    text-align:center!important;
  }
  .asaf-home .header-tools .header-cta span{
    display:none!important;
  }
  .site-header.inner-header>.header-tools,
  .site-header:not(.capsule-header)>.header-tools{
    margin-inline-start:auto!important;
    gap:7px;
  }
  .site-header.inner-header .header-cta,
  .site-header:not(.capsule-header) .header-cta,
  .asaf-home .header-tools .header-cta{
    min-width:112px!important;
    min-height:44px!important;
    padding:10px 14px!important;
    gap:14px!important;
    font-size:12px!important;
  }
  .theme-toggle{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
  }

  html[data-theme="light"] .site-header:not(.capsule-header){
    background:linear-gradient(145deg,rgba(246,249,253,.92),rgba(230,239,251,.74))!important;
    border-bottom-color:rgba(74,99,133,.18)!important;
  }
  html[data-theme="light"] .site-header.inner-header>nav,
  html[data-theme="light"] .site-header:not(.capsule-header)>nav{
    background:rgba(246,249,253,.94);
    border-color:rgba(76,102,138,.16);
  }
  html[data-theme="light"] .site-header.inner-header>nav a,
  html[data-theme="light"] .site-header:not(.capsule-header)>nav a{
    color:#182032!important;
  }

  .portfolio-shell{
    padding-inline:14px!important;
    padding-bottom:95px!important;
  }
  body .page-hero,
  .page-hero{
    min-height:48svh!important;
    padding:128px 14px 44px!important;
  }
  .page-hero h1{
    font-size:clamp(3.2rem,18vw,5.2rem)!important;
    line-height:.86!important;
  }
  .page-hero p{
    max-width:32ch;
    margin-inline:auto;
    font-size:15px!important;
    line-height:1.55;
  }

  .portfolio-dock{
    top:112px!important;
    width:100%!important;
    max-width:100%!important;
    margin:22px auto 18px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    padding:6px!important;
    gap:5px!important;
    justify-content:flex-start!important;
    scroll-padding-inline:8px;
  }
  .portfolio-dock a{
    min-height:44px;
    padding:10px 14px!important;
    font-size:12px!important;
    color:#f4f3ef!important;
    flex:0 0 auto;
  }
  .portfolio-dock a.active,
  .portfolio-dock a[aria-current]{
    color:#070709!important;
  }
  html[data-theme="light"] .portfolio-dock a{
    color:#182032!important;
  }
  html[data-theme="light"] .portfolio-dock a.active,
  html[data-theme="light"] .portfolio-dock a[aria-current]{
    color:#fff!important;
  }

  .category-section,
  .design-category,
  .video-category{
    padding:82px 0!important;
    scroll-margin-top:180px!important;
  }
  .category-head{
    display:block!important;
    margin-bottom:24px!important;
  }
  .category-head h2{
    font-size:clamp(2.55rem,13vw,4.6rem)!important;
    margin-top:10px!important;
  }
  .tag-row{
    justify-content:flex-start!important;
    margin-top:18px;
  }

  .category-video-grid,
  .archive-video-bento{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
  }
  .category-video-grid .video-card,
  .archive-video-bento .video-card{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    grid-column:1/-1!important;
    border-radius:18px!important;
  }
  .category-video-grid .video-card:is(.story,.square,[data-format="story"],[data-format="portrait"],[data-format="square"]),
  .archive-video-bento .video-card:is(.story,.square,[data-format="story"],[data-format="portrait"],[data-format="square"]){
    grid-column:span 1!important;
  }
  .category-video-grid .video-card>video,
  .archive-video-bento .video-card>video{
    inset:6px!important;
    width:calc(100% - 12px)!important;
    height:calc(100% - 12px)!important;
    border-radius:12px!important;
  }
  .card-index{
    padding:42px 12px 12px!important;
    font-size:12px!important;
  }

  .manual-carousel{
    padding:8px 44px!important;
    border-radius:22px!important;
  }
  .carousel-arrow,
  .archive-slider-arrow{
    width:44px!important;
    height:44px!important;
  }
  .brand-slide{width:78vw!important}
  .strip-card{
    width:min(260px,72vw)!important;
    border-radius:22px!important;
  }
  #social .social-marquee .strip-card{
    width:min(260px,72vw)!important;
  }
  .strip-card>img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:340px!important;
    object-fit:cover!important;
  }
  .marquee{
    width:100%!important;
    margin-inline:0!important;
    padding-inline:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch;
  }

  .web-info,
  .uxui-preview-info{
    display:grid!important;
    gap:14px!important;
  }
  #presentations .manual-carousel{
    padding:12px 12px 62px!important;
    overflow:hidden;
  }
  #presentations .carousel-viewport{
    overflow-x:auto;
    width:100%;
  }
  #presentations .brand-slide{
    width:min(82vw,330px)!important;
    border-radius:20px!important;
  }
  #presentations .brand-slide>img{
    height:auto!important;
    width:100%!important;
    aspect-ratio:16/9!important;
    object-fit:contain!important;
    background:#f4f3ef!important;
    border-radius:14px 14px 0 0!important;
  }
  #presentations .brand-slide>div:last-child{
    display:grid!important;
    grid-template-columns:1fr!important;
    align-items:start!important;
    gap:10px!important;
    padding:14px!important;
    direction:rtl!important;
  }
  #presentations .brand-slide h3{
    display:block!important;
    margin:0!important;
    font-size:15px!important;
    line-height:1.25!important;
    letter-spacing:-.03em!important;
    overflow-wrap:anywhere;
    color:#f4f3ef!important;
  }
  #presentations .brand-slide .tag{
    width:max-content;
    max-width:100%;
  }
  #presentations .brand-slide a{
    min-height:42px;
    width:100%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:2px;
    color:#f4f3ef!important;
  }
  #presentations .carousel-arrow{
    top:auto!important;
    bottom:10px!important;
    transform:none!important;
  }
  #presentations .carousel-arrow:hover{
    transform:scale(1.04)!important;
  }
  #presentations .carousel-arrow-left{left:14px!important}
  #presentations .carousel-arrow-right{right:14px!important}
  html[data-theme="light"] #presentations .brand-slide h3,
  html[data-theme="light"] #presentations .brand-slide a{
    color:#fff!important;
  }
  .project-action,
  .category-more,
  .archive-back,
  .service-link{
    min-height:44px!important;
  }

  .portfolio-contact{
    width:calc(100% - 28px)!important;
    margin-inline:auto!important;
    padding:34px 20px!important;
    border-radius:26px!important;
  }
  .portfolio-contact h2{
    font-size:clamp(2.4rem,12vw,4.2rem)!important;
  }
  .portfolio-contact-actions .btn{min-height:48px}

  .footer-main,
  .social-links,
  .legal-links{
    justify-content:center!important;
    text-align:center;
  }
  .social-links a,
  .legal-links a{
    min-height:44px;
    display:inline-flex;
    align-items:center;
    padding:8px 6px;
  }

  .float{
    width:50px!important;
    height:50px!important;
    bottom:14px!important;
  }
  .whatsapp{right:14px!important}
  .back-top{left:14px!important}
  .a11y-widget{left:14px!important;bottom:78px!important}
  .a11y-toggle{width:50px!important;height:50px!important}
}

@media(max-width:520px){
  .asaf-home{--shell:calc(100vw - 24px)}
  .asaf-home .capsule-header{
    width:calc(100vw - 18px)!important;
    height:60px!important;
    padding:8px 10px!important;
  }
  .asaf-home .capsule-header .brand{
    min-width:0!important;
    padding:0 4px!important;
  }
  .asaf-home .capsule-header .brand-name{
    max-width:86px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
  }
  .asaf-home .reference-hero{padding-top:144px!important}
  .asaf-home .hero-intro{
    margin-top:24px!important;
    font-size:16px!important;
    max-width:32ch;
  }
  .asaf-home .reference-hero .hero-actions{margin-bottom:34px!important}
  .asaf-home .reference-hero .hero-media{
    width:100%!important;
    max-width:100%!important;
    margin-inline:auto!important;
  }
  .asaf-home .hero-actions .btn,
  .asaf-home .projects-cta .btn{
    min-height:52px!important;
    gap:18px!important;
  }
  .asaf-home .statement{padding-top:92px!important}
  .asaf-home .statement-title{margin-bottom:36px!important}
  .asaf-home .statement-copy p{
    font-size:1.08rem!important;
    line-height:1.78!important;
  }
  .asaf-home .profile-card{width:min(100%,300px)!important}
  .asaf-home .service-card{
    min-height:auto!important;
    padding:26px!important;
  }
  .asaf-home .service-card .service-icon{margin:32px 0 22px!important}
  .asaf-home .all-in-one{
    gap:20px!important;
    padding:26px!important;
  }
  .asaf-home .all-in-one>div{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:8px!important;
  }
  .asaf-home .project-card,
  .asaf-home .project-card.project-large{
    aspect-ratio:4/5!important;
  }
  .reference-contact{gap:28px!important}
  .quick-contact .btn{flex:1 1 100%!important}

  .archive-page{padding:144px 16px 90px!important}
  .archive-body .archive-hero{
    width:100%!important;
    margin-inline:0!important;
    padding-inline:0!important;
  }
  .archive-hero{
    margin-bottom:48px!important;
    padding-bottom:48px!important;
  }
  .archive-hero h1{
    font-size:clamp(3rem,16vw,4.9rem)!important;
  }
  .archive-slider-track{padding:0 40px!important}
  .archive-slide{flex-basis:88%!important}
  .archive-section-head h2{
    font-size:clamp(2.7rem,14vw,4.6rem)!important;
  }
  .archive-insta-grid,
  .archive-a5-grid,
  .archive-rollup-grid,
  .archive-billboard-grid{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  .archive-banner-grid,
  .banner-bento-grid,
  .agam-bento-grid,
  .ux-square-grid,
  .web-feed-grid{
    grid-template-columns:1fr!important;
  }
}

/* Final mobile header and carousel refinements */
@media(max-width:760px){
  .theme-toggle{
    position:fixed!important;
    z-index:239!important;
    left:14px!important;
    bottom:136px!important;
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    box-shadow:0 14px 38px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.15)!important;
  }
  .a11y-widget{
    bottom:76px!important;
  }
  .site-header .brand,
  .asaf-home .capsule-header .brand{
    min-width:0!important;
    gap:8px!important;
  }
  .site-header .brand-name,
  .asaf-home .capsule-header .brand-name{
    display:inline-block!important;
    max-width:none!important;
    overflow:visible!important;
    white-space:nowrap!important;
    text-overflow:clip!important;
    font-size:11px!important;
    letter-spacing:-.045em!important;
  }
  .asaf-home .capsule-header{
    padding-inline:9px!important;
  }
  .asaf-home .header-tools,
  .site-header .header-tools{
    gap:6px!important;
  }
  .asaf-home .header-tools .header-cta,
  .site-header .header-tools .header-cta{
    min-width:116px!important;
    width:116px!important;
    min-height:42px!important;
    padding-inline:12px!important;
    justify-content:center!important;
    text-align:center!important;
    gap:9px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
  }
  .asaf-home .header-tools .header-cta span,
  .site-header .header-tools .header-cta span,
  .site-header .header-tools .header-cta .header-arrow{
    display:inline-flex!important;
    align-items:center;
    color:currentColor!important;
    font-size:15px!important;
    line-height:1!important;
    opacity:1!important;
    visibility:visible!important;
  }
  .site-header .header-tools{
    position:static!important;
    display:grid!important;
    grid-template-columns:42px 116px;
    align-items:center;
    gap:8px!important;
    margin-inline-start:0!important;
    margin-right:auto!important;
    order:2;
  }
  .site-header .brand{
    order:1;
  }
  .site-header .header-tools .mobile-menu-toggle{
    grid-column:1;
    grid-row:1;
  }
  .site-header .header-tools .header-cta{
    grid-column:2;
    grid-row:1;
  }
  .asaf-home .capsule-header,
  .site-header:not(.capsule-header),
  .site-header.inner-header{
    display:grid!important;
    grid-template-columns:minmax(126px,1fr) 166px!important;
    align-items:center!important;
  }
  .asaf-home .capsule-header .brand,
  .site-header .brand{
    justify-self:end!important;
  }
  .mobile-menu-toggle{
    position:relative;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    display:block!important;
  }
  .mobile-menu-toggle span{
    position:absolute;
    left:11px;
    width:18px;
    height:1.7px;
    margin:0!important;
    border-radius:999px;
    background:currentColor;
  }
  .mobile-menu-toggle span:nth-child(1){top:16px}
  .mobile-menu-toggle span:nth-child(2){top:24px}
  .mobile-menu-open .mobile-menu-toggle span:nth-child(1){
    transform:translateY(4px) rotate(45deg)!important;
  }
  .mobile-menu-open .mobile-menu-toggle span:nth-child(2){
    opacity:1!important;
    transform:translateY(-4px) rotate(-45deg)!important;
  }

  #branding .manual-carousel{
    padding:12px 12px 62px!important;
    overflow:hidden;
  }
  #branding .carousel-viewport{
    overflow-x:auto;
    width:100%;
  }
  #branding .brand-slide{
    width:min(82vw,330px)!important;
    border-radius:20px!important;
  }
  #branding .brand-slide>img{
    height:auto!important;
    width:100%!important;
    aspect-ratio:16/9!important;
    object-fit:contain!important;
    background:#f4f3ef!important;
    border-radius:14px 14px 0 0!important;
  }
  #branding .brand-slide>div:last-child{
    display:grid!important;
    grid-template-columns:1fr!important;
    align-items:start!important;
    gap:10px!important;
    padding:14px!important;
    direction:rtl!important;
  }
  #branding .brand-slide .tag{
    width:max-content;
    max-width:100%;
  }
  #branding .brand-slide a{
    min-height:42px;
    width:100%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:2px;
    color:#f4f3ef!important;
  }
  #branding .carousel-arrow{
    top:auto!important;
    bottom:10px!important;
    transform:none!important;
  }
  #branding .carousel-arrow:hover{
    transform:scale(1.04)!important;
  }
  #branding .carousel-arrow-left{left:14px!important}
  #branding .carousel-arrow-right{right:14px!important}
  html[data-theme="light"] #branding .brand-slide a{
    color:#fff!important;
  }
}

/* Exact mobile header alignment: logo right, hamburger center, CTA left */
@media(max-width:760px){
  .asaf-home .capsule-header,
  .site-header:not(.capsule-header),
  .site-header.inner-header{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    position:fixed!important;
  }
  .site-header:not(.capsule-header),
  .site-header.inner-header{
    min-height:76px!important;
    height:76px!important;
    padding:12px 14px!important;
  }
  .asaf-home .capsule-header .brand,
  .site-header .brand{
    position:absolute!important;
    z-index:3!important;
    right:12px!important;
    left:auto!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    margin-inline-start:0!important;
    margin-inline-end:0!important;
    justify-self:auto!important;
  }
  .site-header .brand-mark{
    width:32px!important;
    height:32px!important;
    flex-basis:32px!important;
  }
  .site-header .brand-name,
  .asaf-home .capsule-header .brand-name{
    font-size:9.5px!important;
  }
  .site-header .header-tools{
    display:contents!important;
  }
  .site-header .header-tools .mobile-menu-toggle{
    position:absolute!important;
    z-index:4!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
  }
  .site-header .header-tools .header-cta{
    position:absolute!important;
    z-index:4!important;
    left:14px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:112px!important;
    min-width:112px!important;
    height:42px!important;
    min-height:42px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    padding:0 13px!important;
    text-align:center!important;
    white-space:nowrap!important;
  }
  .site-header .header-tools .header-cta span,
  .site-header .header-tools .header-cta .header-arrow{
    display:inline-flex!important;
    margin-inline-start:0!important;
    transform:none!important;
  }
  .asaf-home .capsule-header nav,
  .site-header.inner-header>nav,
  .site-header:not(.capsule-header)>nav{
    top:calc(100% + 10px)!important;
  }
}