@font-face{font-family:CoverArabic;src:url('/assets/arabic.ttf');font-display:swap}
/* v5.4: campaign covers and readable product previews. */
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-campaign{position:absolute;inset:0;width:100%;height:100%;object-fit:contain!important}
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .brand-cover-srm{background:#d9eafa!important}
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .brand-cover-pilates{background:#e8b8a0!important}
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) :is(.brand-cover-srm,.brand-cover-pilates) .cover-corner{display:none}
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .brand-cover-jiss{background:linear-gradient(135deg,#edf5cb,#e6e3fa)!important;color:#38304f!important}
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-pos-heading{position:absolute;left:6%;right:6%;top:5%;display:flex;align-items:center;justify-content:space-between;font-size:clamp(20px,5cqw,40px);font-weight:800;letter-spacing:-.045em}
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-pos-heading span{font-size:.38em;letter-spacing:0;font-weight:500}
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-pos-interface{position:absolute;width:90%;height:73%;left:5%;top:16%;object-fit:contain!important;filter:drop-shadow(0 12px 12px #4e3e6d30);border-radius:10px!important}
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .brand-cover-mizan .cover-mizan-logo{left:7%;top:14%;width:27%;height:29%}
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .brand-cover-mizan .cover-mizan-type{left:8%;top:50%;font-size:clamp(21px,5.5cqw,46px)}
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-mizan-preview{position:absolute;right:3%;top:4%;height:89%;width:49%;object-fit:contain!important;filter:drop-shadow(0 18px 16px #0005);border-radius:12px!important}
@media(prefers-reduced-motion:no-preference){
 :is(.showcase-art,.project-art,.row-preview):has(.brand-cover):is(:hover,:focus-visible) .cover-art-layer{transform:scale(1.045)!important}
 :is(.showcase-art,.project-art,.row-preview):has(.brand-cover):active .cover-art-layer{transform:scale(.985)!important;transition-duration:.15s!important}
 :is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-pos-interface{animation:cover-float 6s ease-in-out infinite alternate}
 :is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-mizan-preview{animation:cover-float 7s ease-in-out infinite alternate}
 :is(.showcase-art,.project-art,.row-preview):has(.brand-cover)::after{content:'';position:absolute;inset:-40%;pointer-events:none;z-index:6;background:linear-gradient(115deg,transparent 43%,#ffffff1a 49%,transparent 55%);translate:-80% 0;transition:translate 1.2s cubic-bezier(.2,.8,.2,1)}
 :is(.showcase-art,.project-art,.row-preview):has(.brand-cover):is(:hover,:focus-visible)::after{translate:80% 0}
}
/* Shared identity artwork: all coordinates are relative to the cover, not the page. */
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .brand-cover{position:absolute;inset:0;overflow:hidden;isolation:isolate;container-type:size;color:#242a20;background:#e7e5dc;font-family:Manrope,Arial,sans-serif;text-align:left;line-height:1.1}
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-art-layer{position:absolute;inset:0;overflow:hidden}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .brand-cover img{display:block;max-width:none;margin:0;padding:0;border:0;border-radius:0;transform:none;object-fit:contain}
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-category{position:absolute;left:7%;bottom:6%;right:13%;font-size:clamp(8px,2cqw,12px);letter-spacing:.17em;font-weight:600;line-height:1.6;z-index:5}
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-corner{position:absolute;right:6%;bottom:5%;font-size:clamp(22px,6cqw,40px);z-index:5}
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-photo{position:absolute;width:100%;height:100%;inset:0;object-fit:cover!important}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-shade{position:absolute;inset:0;background:linear-gradient(90deg,#000b,transparent 80%),linear-gradient(0deg,#0009,transparent 45%)}
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-orbit{position:absolute;width:80%;aspect-ratio:1;border:1px solid currentColor;opacity:.15;left:-25%;top:10%;border-radius:50%}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .orbit-two{width:110%;left:-40%;top:-4%}
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .brand-cover-kalimat{background:#ece3d7;color:#554534}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .brand-cover-kalimat .cover-model{position:absolute;right:0;bottom:0;width:59%;height:100%;object-fit:cover;object-position:55% 25%;mask-image:linear-gradient(90deg,transparent,#000 17%)}
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-kalimat-logo{position:absolute;left:6%;top:9%;width:33%;height:34%;filter:drop-shadow(0 8px 12px #46361e1c)}
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-fashion-type{position:absolute;left:8%;top:48%;font-family:Instrument,Georgia,serif;font-size:clamp(25px,6.4cqw,54px);line-height:1.12;z-index:2}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-fashion-type i{font-weight:400}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-flower{position:absolute;left:4%;bottom:10%;width:20%;height:30%;opacity:.42}
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .brand-cover-kalimat .cover-flower{left:24%;bottom:9%;width:18%;color:#907552}
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .brand-cover-gym{background:#0c1e2a;color:#d7ff27}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .brand-cover-gym .cover-photo{object-position:65% center}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-small-mark{position:absolute;top:9%;left:8%;width:12%;height:13%}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-display{position:absolute;left:8%;top:39%;font-size:clamp(33px,10cqw,83px);font-weight:800;letter-spacing:-.07em}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-display span{display:block;letter-spacing:.23em;font-size:.34em;margin-top:12px;color:#f2f6e6}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .brand-cover-gym .cover-orbit{width:70%;left:44%;top:10%;opacity:.3}
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .brand-cover-fitness{background:linear-gradient(135deg,#ffb887,#ff6d78);color:#53233c}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .brand-cover-healthy{background:linear-gradient(135deg,#e0efbb,#b9d88d);color:#23472d}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .brand-cover-brixsel{background:linear-gradient(135deg,#f1e4ff,#d7bee8);color:#643373}
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-app-logo{position:absolute;left:8%;top:12%;width:26%;height:25%;object-fit:contain;object-position:left center!important}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .brand-cover-brixsel .cover-app-logo{height:31%;top:7%;width:29%}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-app-type{position:absolute;left:8%;top:47%;width:48%;font-size:clamp(23px,6.8cqw,57px);letter-spacing:-.045em;line-height:1.12;font-family:Grotesk,Arial,sans-serif}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-app-type i{font-family:Instrument,Georgia,serif;font-weight:400}
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-device{position:absolute;right:8%;top:10%;width:32%;height:77%;border:5px solid #202021;border-radius:22px;background:#f4f2f0;overflow:hidden;box-shadow:12px 25px 40px #311d3933;transform:rotate(8deg)}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .brand-cover .cover-device-screen{width:100%;height:100%;object-fit:cover;object-position:top}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .brand-cover-fitness .cover-device{transform:rotate(10deg);right:8%}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .brand-cover-fitness .cover-device-screen{object-fit:cover}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .brand-cover-healthy .cover-device{transform:rotate(-7deg)}
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .brand-cover-jabal{background:radial-gradient(circle at 20% 20%,#e3d6b9,#f6f0e1);color:#173d2e}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-cedar{position:absolute;left:3%;top:18%;width:53%;height:66%;opacity:.86}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-restaurant-title{position:absolute;right:7%;top:35%;font:500 clamp(32px,9cqw,75px)/1.4 CoverArabic,serif}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-restaurant-sub{position:absolute;right:8%;top:64%;font-size:clamp(10px,3cqw,21px);letter-spacing:.18em}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-sun{position:absolute;right:15%;top:16%;width:12%;aspect-ratio:1;background:#d4b27088;border-radius:50%}
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .brand-cover-qtd{background:#e2eef8;color:#203f7a}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-academy-logo{position:absolute;left:7%;top:10%;width:29%;height:28%}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-learning{position:absolute;right:3%;top:13%;width:53%;height:68%}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-academy-type{position:absolute;left:8%;top:47%;font-size:clamp(26px,7.2cqw,55px);font-weight:600;letter-spacing:-.05em}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-academy-type i{font-family:Instrument,serif;font-weight:400}
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .brand-cover-school{background:#eae0cf;color:#635044}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-school-logo{position:absolute;left:8%;top:9%;width:17%;height:24%}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-school-type{position:absolute;left:8%;top:39%;font-size:clamp(27px,7.4cqw,61px);letter-spacing:-.05em}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-school-type i{font-family:Instrument,serif;font-weight:400}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-school-cards{position:absolute;right:8%;top:20%;width:30%;transform:rotate(8deg)}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-school-cards span{display:block;padding:10%;border:1px solid #b5a17b;background:#fbf7ee;box-shadow:0 8px 15px #48351f12;border-radius:8px;margin:0 0 8%;font-size:clamp(9px,2.5cqw,18px)}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-school-cards b{display:block;font-size:1.6em;margin-top:12%}
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .brand-cover-srm{background:linear-gradient(125deg,#08283d,#17687b);color:#e2f2f4}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-enterprise{position:absolute;top:16%;left:8%;font-family:Georgia,serif;font-size:clamp(44px,13cqw,105px);letter-spacing:.04em}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-enterprise span{display:block;font:500 .2em Manrope,sans-serif;letter-spacing:.3em;margin-top:5%}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-enterprise-line{position:absolute;left:8%;right:8%;height:1px;background:#8cdae18a;top:55%}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-flow{position:absolute;left:8%;right:8%;top:62%;display:flex;justify-content:space-between;font-size:clamp(9px,2.7cqw,21px)}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-flow span{border-left:2px solid #8cdae1;padding-left:4%}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-flow b{display:block;margin-top:10%;font-weight:400}
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .brand-cover-jiss{background:radial-gradient(ellipse at 90% 10%,#6449a0,#18152c);color:#eee7ff}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-pos-logo{position:absolute;left:8%;top:10%;width:32%;height:28%;object-position:left center!important}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-pos-type{position:absolute;left:8%;top:43%;font-size:clamp(28px,7.5cqw,62px);letter-spacing:-.04em}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-pos-type i{font-family:Instrument,serif;font-weight:400}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-pos-tiles{position:absolute;right:8%;top:20%;width:29%;transform:rotate(9deg)}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-pos-tiles span{display:block;margin-bottom:9%;padding:18%;border:1px solid #aa91cd88;border-radius:10px;background:#a895c81c;font-size:clamp(9px,2.5cqw,17px);letter-spacing:.07em}
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .brand-cover-mizan{background:radial-gradient(ellipse at 30% 50%,#164c58,#061a25);color:#a2e7ec}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-mizan-logo{position:absolute;left:8%;top:22%;width:36%;height:56%;filter:drop-shadow(0 14px 20px #0005)}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-mizan-type{position:absolute;left:51%;top:34%;font-size:clamp(21px,5.5cqw,46px);letter-spacing:-.04em}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-mizan-type i{font-family:Instrument,serif;font-weight:400}
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .brand-cover-nabilo-lobby{background:#172e22;color:#e6ff55}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .brand-cover-nabilo-lobby .cover-photo{filter:brightness(.65);object-position:center}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-character{position:absolute;right:2%;bottom:-8%;height:108%;width:51%;object-fit:contain;object-position:center bottom!important;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 85%,transparent)}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-game-title{position:absolute;left:8%;top:25%;font-size:clamp(37px,12cqw,100px);font-weight:800;letter-spacing:-.06em;text-shadow:0 5px 20px #0008}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-game-title span{display:block;color:#fafae8;font-size:.6em;letter-spacing:.22em;margin-top:8%}
:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .brand-cover-pilates{background:#ead2cd;color:#7e454a}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-pilates-arch{position:absolute;right:8%;bottom:0;width:45%;height:88%;border-radius:50% 50% 0 0;background:linear-gradient(150deg,#f6e9df,#c69b95);border:1px solid #fff8}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-pilates-type{position:absolute;left:9%;top:20%;font:clamp(45px,14cqw,110px)/.95 Instrument,Georgia,serif;letter-spacing:-.06em}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-pilates-type i{display:block;font-size:.7em;margin-left:20%;margin-top:9%}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .brand-cover-pilates .cover-flower{width:26%;height:50%;left:61%;bottom:7%;color:#9d6967}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-pilates-note{position:absolute;left:9%;bottom:22%;font-size:clamp(7px,1.9cqw,12px);letter-spacing:.12em;line-height:1.8}
.project-art:has(.brand-cover),.case-art:has(.brand-cover){isolation:isolate}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .preview-label,:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .art-open{z-index:8}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .row-preview .brand-cover img{padding:0;transform:none}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .row-preview:has(.brand-cover){container-type:normal}
@media(prefers-reduced-motion:no-preference){:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .brand-cover .cover-art-layer{transition:transform .9s cubic-bezier(.2,.8,.2,1)}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) a:hover>.brand-cover .cover-art-layer{transform:scale(1.035)}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .brand-cover .cover-flower{animation:cover-sway 7s ease-in-out infinite alternate;transform-origin:bottom}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .brand-cover .cover-device,:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .brand-cover .cover-character{animation:cover-float 6s ease-in-out infinite alternate}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .brand-cover .cover-orbit{animation:cover-breathe 8s ease-in-out infinite alternate}@keyframes cover-sway{from{rotate:-4deg}to{rotate:5deg}}@keyframes cover-float{from{translate:0 0}to{translate:0 -2%}}@keyframes cover-breathe{from{scale:1;opacity:.12}to{scale:1.08;opacity:.25}}}
@media(prefers-reduced-motion:reduce){:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .brand-cover *{animation:none!important;transition:none!important}}
@container (max-width:400px){:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-category{font-size:2.3cqw;letter-spacing:.09em}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-fashion-type{font-size:7cqw}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-display{font-size:11cqw}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-app-type{font-size:7cqw}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-restaurant-title{font-size:9cqw}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-academy-type{font-size:7.2cqw}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-school-type{font-size:6.6cqw}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-enterprise{font-size:13cqw}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-pos-type{font-size:7.3cqw}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-mizan-type{font-size:5.4cqw}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-game-title{font-size:12cqw}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-pilates-type{font-size:14cqw}:is(.showcase-art,.project-art,.row-preview):has(.brand-cover) .cover-device{border-width:3px;border-radius:12px}}